/***
 *** PAGE LEVEL LAYOUT COMPONENT CSS Document
 ***
 *** - LOGIN
 *** - MACHINE INFO VIEWLIST
 ***
 ***/


/***
 *** BEGIN LOGIN
 ***/

.login-main-block {
    width: 45.83%;
    min-width: 800px;
    /*overflow: hidden;*/
    text-align: center;
    margin: 6% auto 0;
    padding: 0;
}

h1.login-page-title {
    display: block;
    color: #cdcdcd;
    font-size: 3em;
    font-weight: 300;
    letter-spacing: 2px;
    margin: 0 auto;
    padding: 0;
}

.login-ui-block {
    width: 100%;
    height: 500px;
    /* overflow: hidden; */
    margin: 5.228% auto 0;
    padding: 0;
    border-radius: 52px;
    box-shadow: 1px 1px 36px #000;
}

.login-ui-block-left {
    float: left;
    /*  display: inline-block; */
    width: 42.3%;
    height: 100%;
    overflow: hidden;
    padding: 0;
}

.login-ui-block-right {
    float: left;
    /*  display: inline-block; */
    width: 57.7%;
    height: 100%;
    /*  height: 83.7%; */
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#211f1f+0,393534+100 */
    /*background: #211f1f;*/
    background: #f0f1f1;
    /* Old browsers */
    /*background: -moz-linear-gradient(left, #211f1f 0%, #393534 100%);*/
    /* FF3.6-15 */
   /* background: -webkit-linear-gradient(left, #211f1f 0%, #393534 100%);*/
    /* Chrome10-25,Safari5.1-6 */
  /*  background: linear-gradient(to right, #211f1f 0%, #393534 100%);*/
    /* IE6-9 */
    text-align: left;
    margin: 0;
    /*padding: 5% 0 0 5%;*/
    padding: 3% 0 0 5%;
    /*border: #741722 1px solid;*/
    border-top-right-radius: 52px;
    border-bottom-right-radius: 52px;
}

.login-ui-title {
    width: 67.06%;
    overflow: hidden;
    /*color: #FFF;*/
   
    font-size: 1.25em;
    font-weight: 300;
    /*  margin: 0 0 7.045%; */
    padding: 0;
}

.login-ui-input-block {
    width: 85%;
    overflow: hidden;
    text-align: left;
    margin: 0 0 5%;
    padding: 0 0 2.82%;
    /* border-bottom: #bc0d23 1px solid;*/
    border-bottom: #0055cb 1px solid;
}

.input-login-text-01 {
    width: 80%;
    padding: .5rem .75rem;
    font-size: 1rem;
    /*  line-height: 1.125; */
    color: #495057;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin: 0 0 0 4.37%;
    /*  overflow: hidden;
    background: none;
    color: #aeaeaf;
    font-size: 1.15em;
    margin: 0 0 0 4.37%;
    padding: 0;
    border: none; */
}

.login-ui-forgot-passowrd {
    float: right;
    overflow: hidden;
    /*color: #0f054c;*/
    color: #fc646f;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

    .login-ui-forgot-passowrd a:link,
    .login-ui-forgot-passowrd a:visited,
    .login-ui-forgot-passowrd a:hover {
        /*color: #bc0d23;*/
        color: #0f054c;
    }

.btn-login-01 {
    /* width: 67.06%; */
    width: 49%;
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d61128+0,bc0d23+100 */
    /*background: #d61128;*/
    background: #2b237c;
    /* Old browsers */
    /*background: -moz-linear-gradient(left, #d61128 0%, #bc0d23 100%);*/
    background: -moz-linear-gradient(left, #2b237c 50%, #0f054c 100%);
    /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left, #d61128 0%, #bc0d23 100%);*/
    background: -webkit-linear-gradient(left, #2b237c 50%, #0f054c 100%);
    /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to right, #d61128 0%, #bc0d23 100%);*/
    background: linear-gradient(to right, #2b237c 50%, #0f054c 100%);
    /* IE6-9 */
    color: #FFF;
    font-size: 1.25em;
    text-align: center;
    margin: 0;   
    padding: 2.653% 0;
    border: none;
    border-radius: 28px;
    /*box-shadow: 1px 1px 12px #000;*/
}

    .btn-login-01:hover {
        /*background: #d61128;*/
        background: #2b237c;
        /*color: rgb(250, 233, 3);*/
        color: #60DECD;
    }


/***
 *** BEGIN MACHINE INFO VIEWLIST
 ***/


/* ----------------------------------------------------------------------------------
 * Begin Page Sub Function Bar
 * ----------------------------------------------------------------------------------
 */

.sub-function-bar {
    width: 99.5%;
    overflow: hidden;
    margin: 0 auto 1.43%;
    padding: 0 0 1.43%;
    border-bottom: #e7b2b9 1px solid;
}

.btn-sfb-01 {
    /* width: 7.85%; */
    width: 65px;
    overflow: hidden;
    background: #1b1b1b;
    color: #FFF;
    font-size: 0.938em;
    text-align: center;
    /*  margin: 0 0.719% 0 0;
    padding: 0.542% 0; */
    margin: 0 6px 0 0;
    padding: 4px 0;
    border: none;
    border-radius: 28px;
}

    .btn-sfb-01 img {
        padding-bottom: 3%;
        vertical-align: middle;
    }

.input-date-picker-01 {
    width: 12.716%;
    overflow: hidden;
    color: #727171;
    font-size: 0.938em;
    margin: 0 0.36%;
    padding: 0.542% 1.193%;
    border: #e8e8e8 1px solid;
    border-radius: 28px;
}

.ui-widget-header {
    /*** jQuery UI CSS Customize ***/
    /*background: #bc0d23 !important;*/
    background: #0f054c !important;
}

.input-search-text-01 {
    /* width: 18.58%; */
    width: 120px;
    overflow: hidden;
    color: #727171;
    font-size: 0.938em;
    margin: 0 0.719% 0 0;
    padding: 0.542% 1.193%;
    border: #e8e8e8 1px solid;
    border-radius: 28px;
}


/* ----------------------------------------------------------------------------------
 * Begin Machine Info Table
 * ----------------------------------------------------------------------------------
 */

.table{
    max-width:99%;
}

table.table-machine-info {
    width: 99.5%;
    margin: 0 auto;
    padding-left: 0;
    border-collapse: collapse;
}

    table.table-machine-info td {
        text-align: center;
        padding: 1.073% 0;
        border: #e5e5e5 1px solid;
    }

tr.tr-machine-info-title {
    /*background: #ba0000;*/
    background: #0055cb;
    color: #FFF;
    font-size: 0.938em;
}

.tr-machine-info-title th {
    text-align: center;
}

tr.tr-machine-info-title td {
    border: none !important;
}

tr.tr-machine-info-content:hover {
    border: #780817 2px solid;
}
tr:hover {
    width: 98%;
    border: #0055cb 2px dotted;
    /*border-left: 1px #0055cb dotted;
    border-right: 1px #0055cb dotted;*/
}
tr.tr-machine-info-content:nth-child(odd) {
    background: #f0f1f1;
}

.required {
    border-color: #d11535;
}

.start {
    position: relative;
    /* top: 3px;
    font-size: 8pt; */
    color: #d11535;
}


/* checkbox aspect */

[type="checkbox"] {
    position: relative;
    cursor: pointer;
    top: .4em;
    /*  left: .275em; */
    font-size: 1.4em;
    /*  line-height: 0.8; */
    width: 1.25em;
    height: 1.25em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}