@import url("../smis-base/css/smis-default.css");	
:root {
    --main-color:rgb(16, 3, 3);
    --strip-color: #56b0dd3b;
    --list-color:#222;
    --background-color: #f1f1f1;
    --nav-bg-color:#d4d4d4;
    --nav-bg-hover:#8f8f8f;
    --sidebar-hover:#757575;
    --sidebar-li-hover:#6c6c6d;
    --color-hover: #0091ea;
    --bg-hover: rgba(0,145,234,.06);
  }
#smis_container a.btn-warning, #smis_container a.btn-danger, #smis_container a.btn-info, #smis_container a.btn-primary, #smis_container a.btn-inverse, #smis_container a.btn-success {
    color: #222;
}

.navbar-inverse .brand, .navbar-inverse .nav>li>a{
    color:var(--main-color) !important;
}

#user_identity > div > img{
    border-radius:100px;
    padding:5px;
    border: solid 1px var(--strip-color) !important;
}

#user_identity div.user-name{
    color:var(--list-color);
    margin-left:20px;
    line-height: 60px;
}

#user_identity {
    text-align: center;
    padding: 5px 2px 2px 2px !important;
}

#smis_container a.btn-warning, #smis_container a.btn-special,  
#smis_container a.btn-danger, #smis_container a.btn-info, 
#smis_container a.btn-primary, #smis_container a.btn-inverse, 
#smis_container a.btn-success{
    background-color: var(--nav-bg-color) !important;
    color:var(--main-color) !important;
}

#smis_container a.btn-primary.dropdown-toggle {
    background-color: #222 !important;
}

#smis_container a.btn-warning:hover, #smis_container a.btn-special:hover,  #smis_container a.btn-danger:hover, #smis_container a.btn-info:hover, #smis_container a.btn-primary:hover, 
#smis_container a.btn-inverse:hover, #smis_container a.btn-success:hover{
    background-color: var(--nav-bg-hover) !important;
}

.smis #navigator{
    -webkit-box-shadow : none;
    box-shadow:none;
    background-color:white;
    height: 50px !important;
}

#navigator .navbar .navbar-inner{
    background-color: rgb(255 255 255) !important;
    border-bottom: 1px solid rgba(138,150,163,.25);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.16);
    box-shadow: 0 0 2px rgba(0,0,0,.16);
    min-height:50px !important;
}
.smis #smis_window_wrapper{
    background-color: white !important;
}

.smis-tabs .smis-tabs-content{
    border-bottom: none !important;
    border-left: none !important;
    border-right: none  !important
}

.nav-tabs a{
    font-size: 16px;
}

.tabs-potrait .nav-tabs>.active>a, .tabs-potrait .nav-tabs>.active>a:hover, .tabs-potrait .nav-tabs>.active>a:focus{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #00b9f1 !important;
    border-bottom-color: #00b9f1 !important;
}

.tabs-right  .nav-tabs>.active>a, .tabs-right .nav-tabs>.active>a:hover, .tabs-right .nav-tabs>.active>a:focus{
    border-top: none;
    border-left: solid 2px #242529 !important;
    border-left-color: #242529 !important;
    border-right: none;
    border-bottom:none !important;
}

.tabs-left  .nav-tabs>.active>a, .tabs-left .nav-tabs>.active>a:hover, .tabs-left .nav-tabs>.active>a:focus{
    border-top: none;
    border-right: solid 2px #242529 !important;
    border-right-color: #242529 !important;
    border-left: none;
    border-bottom:none !important;
}

#navigator .container-fluid{
    margin-top:10px;
    font-size:16px !important;
}

.i_container{
    top:50px !important;
}

.i_container > .smis_sidebar{
    background: white !important;
    float:right;
}

#sidebar>ul.side-nav>li>a{
    line-height: 30px;
    font-size: 16px !important;
    border-bottom: none !important;
    color: var(--list-color) !important;
    background-color: white !important;
}

/*
.i_container > .smis_sidebar {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    min-height: 100%;
    z-index: 1;
}*/

.smis_sidebar {
    border-left: solid 1px var(--strip-color) !important;
}

#sidebar>ul.side-nav>li>ul{
    background: white !important;
}
#user_identity #search_menu_box{
    margin-left: -70px;
    width: 290px  !important;
    margin-top: 10px !important;
    background-color: white !important;
}
#sidebar>ul.side-nav>li>ul>li>a {
    line-height: 40px;
    color: var(--main-color) !important;
    font-size: 16px !important;
}
#sidebar{
    top: 120px !important;
}
#sidebar>ul.side-nav>li>ul>li {
    height: 40px !important;
}

#sidebar>ul.side-nav>li>a.collapsed{
    background-color:  white !important;
}

#sidebar>ul.side-nav>li>a.collapsed:hover,#sidebar>ul.side-nav>li>ul>li:hover {
    color: #0091ea !important;
    background-color: rgba(0,145,234,.06) !important; 
    
}

#sidebar>ul.side-nav>li>ul>li a:hover{
    font-size:16px !important;
}
#sidebar>ul.side-nav>li>ul>li a:hover,
#sidebar>ul.side-nav>li>a.collapsed:hover a,#sidebar>ul.side-nav>li>ul>li:hover a{
    color: #0091ea !important;
}

#sidebar>ul.side-nav>li>a.collapsed{
    border-bottom: none !important;
}

table.table input[type='text'], table.table select, table.table textarea{
    max-width:100% !important;
    width:100% !important;
    min-width: 100% !important;
}

#smis_notification{
    background: var(--main-color) !important;
    color: white !important;
}

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th,
.table-striped thead>tr:nth-child(odd)>td, .table-striped thead>tr:nth-child(odd)>th,
.table-striped tfoot>tr:nth-child(odd)>td, .table-striped tfoot>tr:nth-child(odd)>th
{
    background-color: white !important;
    padding-top: 10px;  
    padding-bottom: 10px;  
    font-size: 16px !important;
}

.table-striped tbody>tr:nth-child(even)>td, .table-striped tbody>tr:nth-child(even)>th,
.table-striped thead>tr:nth-child(even)>td, .table-striped thead>tr:nth-child(even)>th,
.table-striped tfoot>tr:nth-child(odd)>td, .table-striped tfoot>tr:nth-child(odd)>th{
    background-color: white !important;
    padding-top: 10px;  
    padding-bottom: 10px;
    font-size: 16px !important;
}

.table th, .table td{
    border-left:none !important;
    border-right:none !important;
}

table.table-condensed tbody tr:hover td{
    background: white !important;
}

.table-condensed tr:nth-child(even) td{
    background: white !important;
}

.well{
    background:white;
}

body {
    background: var( --background-color);
}

#smis-login {
    box-shadow: 0px 0px 10px 0px grey !important;
}

.brand{
    display:inline-block !important;
    float:none !important;
    margin-left: 3% !important;
    margin-right: 3% !important;
}

.brand:hover{
    color:var( --color-hover) !important;
    background-color: var(--bg-hover) !important;
}

#navigator .container-fluid{
    text-align: center;
}

.table-bordered{
    border:none !important;
}

@media screen and (max-width: 640px)  {
    .smis #navigator{
        position: absolute !important;
        bottom: 0;
        left:0;
        right:0;
        top:auto;
    }

    .i_container {
        width: 100%;
        position: absolute;
        top: 0px !important;
        left: 0px;
        right: 0px;
        bottom: 40px;
    }

    
}

@media screen and (max-width: 799px) {
    .i_container > .smis_sidebar{
        left:auto;
        right:0;
    }
}

caption{
    border-bottom: solid 1px var(--sidebar-li-hover);
}


#spacer{
    cursor: pointer;
}

label{
    text-align: right;
    padding-right: 10px;
}

.fcontainer_label label{
    text-align: left;
    padding-right: 0px;
    font-weight: 700;  
}

.fcontainer_label {
    margin-top: 30px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #93e4fd;
    background: #e0f8ff;
}

input[type="checkbox"]{
    margin-top: -2px;
    margin-right: 5px;
}

.btn{
    border-radius: 0px !important;
}

input[type=text], input[type=tel], input[type=email],  input[type=password],  select, textarea, #user_identity #search_menu_box{
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #00b9f1 !important;
    box-shadow: none !important;
    background-color: #f7f7f7 !important; 
}

input[disabled=disabled]{
    background-color: #c4f0fd !important; 
}

input[type=text]:focus, input[type=tel]:focus, input[type=password]:focus, select:focus, textarea:focus{    
    border-bottom: 2px solid #003963
}


@media screen and (max-width : 450px){
    label{
        text-align: left !important;
    }

    .div-check{
        max-width: 250px;
    }
}


.pagination ul>li:first-child>a, .pagination ul>li:first-child>span{
    -webkit-border-bottom-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    -moz-border-radius-topleft: 0px !important;
}

.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
    -webkit-border-top-right-radius:  0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-bottom-right-radius:  0px !important;
    border-bottom-right-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
}

.pagination ul>.active>a, .pagination ul>.active>span {
    background-color: #f7f7f7 !important;
}