@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

body{
    margin:0 auto; 
    /* text-align:center;  */
    color:#333333; 
    font-family: Poppins, Arial, Geneva; 
    font-size:14px; 
    background-color:#f1f4f5;
    overflow-x: hidden !important;
}
input,select,textarea { width:200px;}

#main_container{
    margin:0 auto; 
    text-align:left; 
    background:#FFFFFF;

}

#header{
    height:75px;
}
#edit-module {
    position: absolute;
    margin-top: -18px;
    right: 83px;
}
#delete-module {
    position: absolute;
    margin-top: -18px;
    right: 120px;
}
.task-block > input {
    max-width: 244px;
}

#logo{
    padding-top:5px;
    padding-left: 35px;
}

#login_details{
    float:right;
    text-align:right;
    padding-top: 35px;
    padding-right: 65px;
}
.welcome{ 
    font-size:14px;
    color: #0780bd;

}
.loged_name{
    color:#0D3148;
    font-size:16px;
    font-weight:bold;
}

#header_bg{
    background:#0981bd;
    height:35px;
    text-align:right;
    padding-right:20px;
    clear:both;
}
#header_bg .logout, active, visited{
    text-decoration:none;
    color:#ffffff;
    line-height:20px;
    font-size:14px;
    text-align:right;

}
#header_bg .logout:hover{
    text-decoration:none;
    color:#afeeee;
    line-height:20px;
    font-size:14px; 
    text-align:right;

}
.emp{
    text-decoration:none;
    color:#FFFFFF;
    line-height:13px;
    font-size:14px;
    font-weight: 400;
}


.emp:hover{
    text-decoration:none;
    color:#afeeee;
    /* line-height:13px; */
    font-size:14px;
    font-weight: 400;	

}
.nav_li_link{
    color:#FFFFFF;
}
.nav_li_link:hover{
    color:#afeeee;

}
.leave{
    text-decoration:none;
    color:#FFFFFF;
    font-size:13px;
    font-weight: 600;
}


.leave:hover{
    text-decoration:none;
    color:#afeeee;
    font-size:13px;
    font-weight: 600;

}

#content_holder{
    height:auto;
    /* min-height:790px; */
    /*min-height:545px;*/
}

#content_holder #left_navi_holder{
    padding: 0px;
}

ul{
    list-style: none;
    /* width: 290px; */
}

.side_navi_gap{
    color:#FFFFFF;
    display:block;
    line-height:26px;
    margin-top:5px;
    font-size:14px;
}

.navi_head, active, visited{
    background: #0890dc;
    color: #FFFFFF;
    display: block;
    line-height: 21px;
}
.navi_head:hover{
    background:	#0890dc;
    color:#FFFFFF;
    display:block;
    line-height:18px;
    text-decoration:none;
}

/*
.side_navi, active, visited{


}

.side_navi:hover{
        background:url(../imgs/sub_navi_bg_mo.gif) no-repeat;
        color:#333333;
        display:block;
        line-height:26px;
        margin-top:2px;
        font-size:12px;
        background-color:#ebce7f;
} */ 

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /* overflow: hidden; */
}

li {
    /* float: left; */
}

li a {
    display: block;
    padding: 12px;

}

#form_area{
    margin-top:10px;

}

#form_area #form_head{
    line-height:34px;
    background:url(../imgs/bg_form_head.jpg) repeat-x;
}

#form_area #form_head #left_corner{
    background:url(../imgs/form_head_left.jpg) no-repeat;
    float: left;
    width: 6px;
}

#form_area #form_head #right_corner{
    background:url(../imgs/form_head_right.jpg) no-repeat;
    float: right;
    width: 6px;
}

#form_area #form_head #form_head_text_area{	
    font-size:14px;
    font-weight:bold;

}
#form_area #indent_form_heads{
    clear:both;
}

#form_area #indent_form_heads .form_no{
    text-align:left;
}

#form_area #indent_form_heads {
    text-align:right;
}

#form_area #form{
    margin-top: 40px;

    /*	 background-color:#f7f7f7; */
}
h4{
    text-align:left;
}


#footer {
    background-color: #32a5dd;
    color: #FFFFFF;
    bottom: 0px;
    position: fixed !important;
    left: 0;
    bottom: 0;
    width: 100%;   
    text-align: center;
    height: 5%;
    padding-top: 12px;
}


.txt_box{ border:1px solid #999999; font-family:"Poppins", sans-serif, Arial, Geneva; padding-top:2px; padding-bottom:2px;}
.dropdown{font-family:"Poppins", sans-serif, Arial, Geneva;
          /* padding-top:3px; */
          /* padding-bottom:3px; */
}
.btn{ border:0px; background-color:#0981BD; color:#FFFFFF; font-size:12px; cursor:pointer;}

.btn.focus, .btn:focus, .btn:hover{
    background-color:#0981BD; color:#FFFFFF;
}
.abtn{ border:0px; background-color:#0981bd; color:#FFFFFF; font-size:14px; cursor:pointer;}

.abtn.focus, .abtn:focus, .abtn:hover{
    background-color:#004d70; color:#FFFFFF;
}

.icon_text_box{ vertical-align:bottom;}

.txt_box_other{ border:1px solid #999999; font-family:"Poppins", sans-serif, Arial, Geneva; padding-top:2px; padding-bottom:2px;}
.txt_box_quantity{ border:1px solid #999999;  font-family:"Poppins", sans-serif, Arial, Geneva; padding-top:2px; padding-bottom:2px;}
.dropdown_item_name{ border:1px solid #999999;  font-family:"Poppins", sans-serif, Arial, Geneva; padding-top:3px; padding-bottom:3px;}
.text_area_indent{ border:1px solid #999999;}
.bold_text{ font-weight:bold;}

p{ margin-top:7px; margin-bottom:7px; }
h5{ font-size:16px; font-weight:bold; color:#999999; border-bottom:1px dashed #999999; }
h6{ font-size:14px; font-weight:bold; color:#333333; border-bottom:1px solid #999999; margin:0px 0px 10px 0px;}

label{
    line-height: 34px;
    text-align:right;
    margin-bottom:0px;
}

.grid_head{
    background-color:#333333;
    color:#FFFFFF;
    padding-left:5px;
    font-size:12px;
    font-weight:bold;
    line-height:26px;
}

.grid_content_1{
    background-color:#f7f7f7;
    padding-left:5px;
    border-bottom:1px solid #CCCCCC;	
    line-height:26px;
}

.grid_content_2{
    background-color:#f1f1f1;
    padding-left:5px;
    border-bottom:1px solid #CCCCCC;	
    line-height:26px;		
}

.grid_content_indent_1{
    background-color:#f7f7f7;
    padding-left:5px;
    border-bottom:1px solid #CCCCCC;
    line-height:26px;
    padding-bottom:3px;
    padding-top:3px;
}

.grid_content_indent_2{
    background-color:#f1f1f1;
    padding-left:5px;
    border-bottom:1px solid #CCCCCC;
    line-height:26px;
    padding-bottom:3px;
    padding-top:3px;
}

.grid_edit, active, visited{
    text-decoration:underline;
    color:#0066FF;	
}
.grid_edit:hover{
    text-decoration:none;
    color:#0066FF;	
}

.grid_delete, active, visited{
    text-decoration:underline;
    color:#990000;
}
.grid_delete:hover{
    text-decoration:none;
    color:#990000;
}

.align_left{
    float:left;
    text-align:left;
    margin-right:10px;
}

.align_right{
    float:right;
    text-align:right;
    margin-left:10px;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}

.pull-left {
    float: left!important;
    margin-top:0px;
    padding:5px;
}



.nav-side-menu .toggle-btn {
    display: none;
}

#myModal label.error{
    color:#FF0000;
    text-align: left;
    font-size: 12px;
}

#tb input{
    width:150px;
}
#tb select{
    width:150px;
}
@media (max-width: 767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }

}
@media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
}

.msg_succ_cls{
    color:#008000;
    text-align:center;
    font-size:14px;
    height:20px;
    padding-top:5px;
}

.msg_fail_cls{
    color:#FF0000;
    text-align:center;
    font-size:14px;
    height:20px;
    padding-top:5px;
}

.radio_cls{
    margin-top: 5px;
    width:35px;
}
.radio_txt{
    margin-left:-7px;
}
.form-group {
    margin-bottom: 10px;
    padding-right: 78px;

}
.addbtn{
    right: -990px;
    top: 25px;
}
.btnbtn{
    right: -990px;
    font-size:20px;
}
.approve{
    color:#008000;
    text-align:center;
    font-size:12px;
    font-weight:600;
}
.reject{
    color:#FF0000;
    text-align:center;
    font-size:12px;
    font-weight:600;
}

.btnverify{
    padding: 5px;
    background: #147CAE;
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 4px;
    color: #ffffff;
    font-weight: 600;
}

.btnverify:hover{
    padding: 5px;
    background: #147CAE;
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    color: #ffffff;
    font-weight: 600;
}

.datepicker-switch{
    background:#eee;
    margin-left:20px;
}

.datagrid-header-row{
    font-weight:400;
}

.childchk
{
    padding-left:0px;
    padding-right:0px;
}
.dhead{
    height:25px;
}

.badd{
    color: #fff;
    background-color: #449d44 !important;
    border-color: #398439 !important;
    padding: 4px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 15px;
}

.badd:hover{
    color: #fff;
    background-color: #449d44 !important;
    border-color: #398439 !important;
    padding: 4px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 15px;
}

.brem{
    color: #fff;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
    padding: 4px;
    padding-left: 6px;
    padding-right: 7px;
    border-radius: 15px;
}

.brem:hover{
    color: #fff;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
    padding: 4px;
    padding-left: 6px;
    padding-right: 7px;
    border-radius: 15px;
}

.imgdiv{
    width:45px;
    height:45px;
    border-radius:5px;
    border:solid 1px #006699;
    padding:2px;
    margin-right:2px;
}


#form_head .errorhead{
    color: #FF0000 !important;
}
.error4{
    color: #FF0000 !important;
    font-weight:600;
    font-size:14px;
}
.aright{
    font-weight:600;
    text-align:right;
    font-size:13px;
    padding:3px;
    min-height:35px;
}
.aleft{
    /*text-align:left; */
    font-size:13px;
    padding:3px;
    min-height:35px;	
    text-align: justify;
    top:2px;
}
.hours_label{
    padding:10px;
    background-color:#154360;
    color:#ffffff;
    float:left;

}
.proj-hrs{
    font-weight: 500;
}
.rightmenu{
    color: #eee;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    background: #0981bd;
    font-size:14px;
}
.rightmenu:hover{
    color:#257ea9;
    color: #eee;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    font-size:14px;
    /* background: #0D3148; */
}
.caretbig{
    border-top: 6px dashed;
    border-top: 6px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.dropleft{
    width: 150px;
    padding: 2px 0;
}
.dropdown-menu-right {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropone {
    width: 150px;
    padding: 2px 38px;
}

.open{
    background: #0D3148 !important;
}
.divright{
    float: right;
    text-align: left;
    min-width: 180px;
}

.dropdown:hover .menu-content {
    color:#257ea9;
    display: block;

}
.dropdown {
    position: relative;    
}
.dropdown_position{
    display: inline-block;

}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color:#0890dc;
    color:white;
    min-width: 158px;	
    line-height: 20px;

}
.dropdown-menu > li > a {

    display: block;
    padding: 3px 16px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;

}
.dropdown-menu-right > li > a:hover, .dropdown-menu-right > li > a:focus {
    background-color:#0890dc;
    color:white;
    min-width: 158px;	
    line-height: 20px;
    text-decoration: none;
}
.dropdown-menu-right > li > a {
    display: block;
    padding: 3px 16px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}
.multiselect-container li{
    display: block;
    width:200px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.heads{	
    padding-left:0px !important;
}
#form label.error {
    color: #FF0000;
}
#tbhours{
    background-color:#2c5570;
    color:#FFFFFF;
    height:24px;
    text-align:center;
    font-size:14px;
    border-radius: 5px;
    padding-top: 2px;
    font-weight:bold;
    margin-bottom: 5px;
}
.tbhours {
    background-color: #2c5570;
    color: #FFFFFF;
    height: 24px;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    padding-top: 2px;
    font-weight: bold;
    margin-bottom: 5px;
}
.form-control{
    background-color: #85bbde1a !important;
}
.red-color{
    color: #FF0000;
}
.datagrid-header .datagrid-cell span {
    font-size: 12px !important;
    font-weight: 500 !important;
}

.modal-body > .container > #main_container > #header {
    display: none !important;
}
.modal-body > .container > #main_container > #header_bg {
    display: none !important;
}
.modal-body > .container > #main_container > #footer {
    display: none !important;
}
.modal-body > .container > #main_container > #content_holder {
    min-height: 235px;
}
.modal-body > .container > #main_container > #content_holder > #form_area > .form-group > #form_head{
    display: none;
}
.modal-body > .container {
    max-width: 466px !important;
}
input:-moz-read-only { /* For Firefox */
    cursor: not-allowed;
    background-color: #ccc !important;
}

input:read-only {
    cursor: not-allowed;
    background-color: #ccc !important;
}
input[type="radio"] {
    cursor: pointer;
}
input[type="checkbox"] {
    cursor: pointer;
}
.span_style {
    background-color: white !important;
    border: none;
    text-align: right;
    width: 100%;
}
.nav-menu-custom {
    width: 100% !important;
}

input[type="radio"]{
    margin: 2px 0 0 -20px !important;
}
.time {
    padding-left: 17px;
    font-size: 14px;
}
.datagrid-btable{
    padding-left: 0px !important;
}

.bs-searchbox {
    background: white;
    color:black !important;
}
.open {
    background: #FFF !important;
    /*max-height: 180px !important;*/
}
.btn.dropdown-toggle.btn-default.bs-placeholder.dropdown-toggle.btn-default {
    min-height: 33px;
}
.bs-placeholder {
    background: #e6eef3;
    color:black !important;
}
.btn.dropdown-toggle.btn-default.bs-placeholder.focus, .btn.dropdown-toggle.btn-default.bs-placeholder:focus, .btn.dropdown-toggle.btn-default.bs-placeholder:hover {
    background-color: #E6EEF3;
    color: black !important;
}
.btn.dropdown-toggle.btn-default.bs-placeholder {
    background: #e6eef3;
    color: black;
}
.btn-primary{
    background-color: #0981BD;
    color: #FFFFFF;
    border-color: #0981bd;
}
.btn-primary:hover{
    background-color: #0981BD;
    color: #FFFFFF;
    border-color: #0981bd;
}
.modal-header {
    padding: 11px;
    background: #0981BD;
    border-bottom: 1px solid #e5e5e5;
}
label {
    display: inline-block;
    max-width: 100%; 
    margin-bottom: 5px;
    font-weight: 200;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default {
    background-color: #0a81bd;
    border-color: #e7e7e7;   
}
.navbar-default .navbar-nav > li.dropdown:hover > a, .navbar-default .navbar-nav > li.dropdown:hover > a:hover, .navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgb(10, 129, 189) !important;
    color: rgb(255, 255, 255) !important;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color:#0a81bd;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 10px 10px;
    /* margin-top: -38px; */
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #fff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.norecords_grid {
    color: red;
    margin-left: 8px;
    padding-left: 3px;
}
#reset{
    margin-left: 3px;
}


/*
 * Clone Css
 */

/*.heading-custome {
    border-bottom: 1px dashed #b0b0b0;
    margin-bottom: 18px;
    cursor: pointer;
    background: #0a81bd;
    color: #aeaeae;
    padding: 12px;
}*/
.task-block > a {
    float: left;
    position: absolute;
    top: 3px;
    right: 64px;
}
.task-block {
    margin-bottom: 12px;
}
.mod-heading {
    font-size: 15px;
}
.modulenames {
    float: left;
    max-width: 273px;
    margin-top: -20px;
    margin-left: 12px;
}
.modulenamesselect {
    max-width: 244px;
    float: left;
}
.ticket_number {
    /*    color: #0a81bd !important;
        background: #f3f8fc;
        border-radius: 12px;
    */max-width: 162px;
}
.teams_block {
    /*    margin-left: 19px;
        border-radius: 12px;
        color: #0a81bd !important;
        background: #f3f8fc;*/
}
.heading-custome {
    margin-bottom: 0px;
    cursor: pointer;
    background: #0a81bd;
    color: #aeaeae;
    padding-left: 12px;
    padding-bottom: 23px;
    padding-top: 4px;
    padding-right: 12px;
    font-weight: normal;
    font-size: 16px;
}
.pull-right.direction-btn {
    margin-right: -40px;
}
.heading-custome > span > a > i {
    color: white;
}
.heading-custome > span {
    color: white;
}
.remove-btn {
    background-color: #286A95;
    /*position: absolute;*/
    right: 0px;
}
.class_h4_loader {
    text-align: center;
    padding: 15px;
    color: #b0b0b0;
}
.remove-btn-mod {
    margin-right: -8px;
    margin-top: -6px;
}
.remove-btn-mod:hover {
    background: #d26d6d;
}
.task_block_body > .card > .row {
    margin: 7px;
}
.remove-btn:hover {
    background-color: #E98080;
    color: #FFFFFF;
}
.parent_btn {
    position: relative;
}
.child_btn {
    position: absolute;
    top: 36px;
}
.child_btn {
    position: absolute;
    top: 41px;
    right: 88px;
}
.loader_parent {
    position: relative;
}
.datepicker_loader {
    position: absolute;
    top: -40px;
    right: 1px;
    min-width: 294px;
    min-height: 32px;
    background: #f3f8fc;
    text-align: center;
    padding-top: 8px;
}
/*
 * Clone Css End
 */


@media (min-width: 1200px){
    .container {
        width: 100% !important;
    }
}

@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
}
@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent;
    }
}


/* Media Queries */

@media screen and (min-width: 320px) and (max-width: 480px){
    #login_details {
        float: right;
        text-align: right;  
        padding-top: 0px;      
        padding-right: 21px;

    }  

    .modal-content{
        max-width: 42.2%;
    }
    .navbar-default {
        background-color: #0a81bd;
        border-color: #e7e7e7;
        /* margin-top: -60px; */
    }
    .modal-dialog {
        width: auto;

    }
    .welcome {
        font-size: 14px;
        color: #0780bd;
        /* visibility: hidden; */
    }
    #logo {
        padding-top: 5px;
        padding-left: 8px;
    }
    #header {
        height: 135px;
    } 
    #content_holder {
        /* background-image: url(../imgs/login.jpg); */
        background-size: cover !important;
        background-repeat: round;
        height: -webkit-fill-available;
    }
    .login-form {
        width: 380px !important;
        margin: 30px auto;
    }
    #footer {
        background-color: #32a5dd;
        color: #FFFFFF;
        text-align: center;
        bottom: 0px;
        /* position: fixed; */
        position: fixed;
        left: 0;
        /* bottom: 29px !important; */
        width: 100%;
        text-align: center;
        height: 5%;
        padding-top: 9px !important;
    }
    .datagrid-cell-c1-manage {
        width: 47px !important;
    }

    #form_area{
        margin-top:10px;
        width: 388px !important;

    }

    .datagrid-cell-c1-tsdate {
        width: 82px !important;
    }
    .datagrid-cell-c1-ts_description {
        width: 75px!important;
    }
    body {
        text-align: left;
        color: #333333;
        font-family: Poppins, Arial, Geneva;
        font-size: 14px;
    }
    #mdate{
        margin-left: -26px; 
    }
    .form-horizontal{
        margin-left: 35px;
    }
    #content_holder {
        height: auto;
        /* min-height: 530px; */
    }

    #reset{
        margin: -51px 0px 0px 117px;

    }
    #svnew{
        margin-top:-5px;
    }
    #svclone{
        margin:-51px 0px 0px 118px;

    }

}  


/* mobile horizantal mobile view*/
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (orientation: landscape) { 


    #login_details {
        float: right;
        text-align: right;
        /* padding-top: 0px; */
        /* padding-right: 65px; */
    }
    .modal-content {
        width: 78%;

    }
    #mdate{
        margin-left: -30px;
    }
    #reset{
        margin: -51px 0px 0px 111px;
    }
    #svnew{
        margin-top: -5px;
    }
    #svclone{
        margin: -51px 0px 0px 111px;
    }
}
/* tablet view */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
{
    .modal-content{
        width: 91%;
    }
    #submit{
        margin-left:-19px;
    }
    #reset{
        margin-left: 24px;
    }
    #svnew{
        margin-left: 58px;
    }
    #svclone{
        margin-left: 93px;
    }
}
@media only screen 
and (min-device-width: 740px) 
and (max-device-width: 760px) 
and (orientation: landscape) {
    #submit{
        margin-left:-19px;
        float: left;
    }
    #reset{
        margin-left: 11px;
        float: left;
    }
    #svnew{
        margin-left: 11px;
        float: left;
    }
    #mdate {
        margin-left: -30px;
    }
    #svclone{
        margin-left: 10px;
        float: left;
    }
}