@import url("./font-awesome.min.css");    
//@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
    
    .contrainer-fluid{
        color:#0073b6;
    }

    /* Header*/
     .top-header input{
        margin-top:75px;
        margin-left:0px;
     } 

     .top-header img{
        margin-top: 20px;
        margin-left: 20px;
     }

     .header-img{
        margin-bottom: 40px;
      }
 
     /*SIDEBAR*/
     .sidebar span{
         font-weight:200;
        font-size: 40px;
     }
     .sidebar hr{
         border: none;
        height: 1px;
        /* Set the hr */
        margin-top:-1px !important;
     }
 
     /*Img box index.php*/
     .img{
        padding-top: 35px;
     }
     .img .box-img, .pdf .box-pdf{
        padding-bottom:70px;
     }
     .img a:nth-child(2){
        font-size:20px;
        padding-top: 10px;
        position: absolute;
     }
 
     /*pdf box index.php*/
     .pdf{
        padding-top: 60px;
     }
     .pdf .article-content{
        margin-top:-20px;
     }
     .pdf .article-content p{
        font-size:30px;
        font-weight: lighter;

     }
     .pdf .article-content p span{
        font-weight:bolder;
     }

     .pdf p{
        color:#0073b6;
     }

     .pdf .pdf-header-text p:nth-child(1){
        font-size:23px;
     }
     .pdf .pdf-header-text p:nth-child(2){
        font-size:20px;
     } 
     .pdf .pdf-header-text p:nth-child(3){
        font-size:13px;
    }      
    
    .pdf .pdf-footer-text p{
        padding-top: 50px;
    }   

    .pdf .box-pdf-wrapper {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .pdf  .box-pdf .header-content{
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        min-height: 360px;
        width: 160px;
    } 
    .pdf .box-pdf .header-content .pdf-footer-text{
        margin-top: auto;
    }

    .checkbox{
        margin-top: -92px;
        color:#0073b6;       
    }
    .checkbox input{
        margin-top: 1px;
    }
      
    
    /*header navigation*/    
    .header-navigation object:nth-last-child(1){
        display: none !important;
    }
 

    /*Sidebar Navigation*/

    

    .dropdown-submenu {
        position: relative;
    }



    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }


    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
     
    
    .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover>a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

    .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }  
    .dropdown-submenu{
     background-color: white;
    }
    .dropdown-submenu:hover{
        background-color: #ccc;
    }

     

    .sidebar .burger-menu  p{
        font-weight: bolder;
        font-size: 30px;
        color:#0073b6;
        cursor: pointer;
        display: none;

    } 

@media screen and (max-width: 767px) {
   

    /*Sidebar Start*/ 
    .sidebar .burger-menu  p{
       display: block;
    }  
    .nav-sidebar, .divider{
        display: none;
    }
    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 0px;
        width: 100%;
        position: relative;

    }
    .sidebar{
        height: auto;
    }
    .nav-sidebar li{
        position: relative;
        float: none;
        padding-left: 34px;
    }
  
  

    .nav-sidebar li:hover{
        background-color:transparent;
    }
    .dropdown-menu {
        background-clip : border-box !important;
        background-color : transparent !important;
        border-bottom-color : inherit !important;
        border-bottom-style : none !important;
        border-bottom-width : medium !important;
        border-left-color : inherit !important;
        border-left-style : none !important;
        border-left-width : medium !important;
        border-right-color : inherit !important;
        border-right-style : none !important;
        border-right-width : medium !important;
        border-top-color : inherit !important;
        border-top-style : none !important;
        border-top-width : medium !important;
        box-shadow : none !important;
    }
 
    .dropdown-submenu:hover{
        background-color: #ccc;
     }
     /*Sidebar End*/

     /*Top Nav Input*/
}

.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
    margin-bottom: 30px;
}


.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 13px;
    top: 78px;
}

 
.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}

.welcome{
    padding-left: 50px;
    color: white;
    padding-top: 10px
}
.welcome  > span{
    font-size:20px;
}
.welcome > p{
    font-size: 12px;
}
