@charset "utf-8";
/* CSS Document */




/*@font-face {
font-family: 'open_sansregular';
src: url('../fonts/OpenSans-Regular-webfont.eot');
src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansbold';
src: url('../fonts/OpenSans-Bold-webfont.eot');
src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sanssemibold';
src: url('../fonts/OpenSans-Semibold-webfont.eot');
src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansextrabold';
src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sanslight_italic';
src: url('../fonts/opensans-lightitalic-webfont.eot');
src: url('../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-lightitalic-webfont.woff') format('woff'), url('../fonts/opensans-lightitalic-webfont.ttf') format('truetype'), url('../fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Open Sans Light";
src: url("../fonts/OpenSans-Light.eot?") format("eot"), url("../fonts/OpenSans-Light.woff") format("woff"), url("../fonts/OpenSans-Light.ttf") format("truetype"), url("../fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansitalic';
src: url('../fonts/OpenSans-Italic-webfont.eot');
src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'open_sanssemibold_italic';
src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
	 url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
	 url('../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
font-weight: normal;
font-style: normal;
}*/
* {-webkit-font-smoothing:subpixel-antialiased; word-wrap:break-word; }

body { font-family: 'Open Sans', sans-serif;background:#222222; color:#3f3f3f; font-weight:400;  font-size: 16px;  }
a{ color:#dd6600; }
.logo-height{height:72px;}
a:focus, a:hover {
    color: #888; outline:none;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{outline:none;}
em , i{font-family: 'open_sansitalic'; font-style:normal;}
img{ max-width:100%;}
i{ display:inline-block;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th{ white-space:normal;   padding-left: 20px;}
.table-responsive > .table > tbody > tr > td.progres{ white-space:nowrap;}
.mainwidth{ max-width:1120px; margin:auto;}
/*-----------------------------------------------extra class start here--------------------------------------------------*/
.m_top50 { margin-top:50px; }
.m_top10 { margin-top:10px; }
.m_top20 { margin-top:20px !important; }
.p_top05 { padding-top:5px; }
.p_top30 { padding-top:30px; }
.p_bottom30 { padding-bottom:30px; }
.m_bottom25 { margin-bottom:25px; }
.m_bottom20 { margin-bottom:20px!important; }
.m_bottom10 { margin-bottom:10px; }

h1,h2,h3,h4,h5,h6{ margin-bottom:20px; font-family: "Open Sans",sans-serif; font-weight:400;}
label{color:#3f3f3f;}
strong{font-family: 'open_sansbold'; font-weight:normal;}
#loginform .small, small{ display: inline-block;
font-size: 81%;
line-height: 18px;}
.h2, h2 {
font-size: 31px;
}

/*-----------------------------------------------extra class end here--------------------------------------------------*/
.imgbackground{ margin-top:-10px;}
.imgbg{ margin-top:-10px;background:url(../images/back-img-bg.jpg) center top no-repeat; background-size: 100%;}
.imgcolor{ background-color:rgba(246,246,246,0.6) ;padding-top:10px; }
.container{ width:auto; max-width:1280px; background:#f6f6f6; padding:0;}
.input-group { width:100%; }
.clr ,.cls { clear:both; }
.alert-danger { background:none; border:none; border-radius:0; margin-bottom:0; padding-top:0 } 
.alert i { color:#CC1100; margin:0 10px 0 0; font-size:26px; float:left; }
.alert span.message { /*font-family:"Times New Roman", Times, serif; */ display: inline-block;
font-size: 18px;
font-weight: 600;
margin-bottom: 4px;
margin-top: -2px; }
button.close {
color: #333;
font-size: 21px;
margin-right: -17px;
margin-top: -30px;
opacity: 100; line-height:normal; font-weight:normal;
}
button.close:hover { opacity:1;  }
.panel-info > .panel-heading { background:none; border:none;  padding: 10px 15px 8px; }
.panel-info > .panel-heading > .panel-title {	color:#333; font-size:36px; font-weight:300; margin-top:23px;}
#loginform label ,
#loginform small { font-weight:normal;  color:#969696;  }
#loginform label{ margin-bottom:0;   font-size: 13px;
font-weight: 600;}
#loginform .m_bottom20{ margin-bottom:7px;}
.panel-info > .panel-heading { color:#333;}
.loginpage{ background: url(../images/login-page.jpg) center top no-repeat; height:2065px;}
.loginpage .modal-open{ position:fixed; width:100%; height:100%; background: rgba(0, 0, 0, 0.6); overflow:visible;}
#loginform{ padding:0 2px;}
#loginform .btn { background:#FF8800; border:none;  text-transform: uppercase; padding: 8px 0 10px 0;  font-weight: 600;}
#loginform .form-control { height:37px; padding:12px; border-radius:0;  -moz-box-shadow:    inset 1px 1px 1px  #ccc;
-webkit-box-shadow: inset 1px 1px 1px  #ccc;
box-shadow:         inset 1px 1px 1px  #ccc; }
.form-control{ -moz-box-shadow:    inset 1px 1px 1px  #ccc;
-webkit-box-shadow: inset 1px 1px 1px  #ccc;
box-shadow:         inset 1px 1px 1px  #ccc;}
#loginform .checkbox label{ font-weight:normal; font-size:12px;  margin-bottom: 15px; display:inline-block;}
#loginform .checkbox{ padding-top: 3px; padding-left:0;}
#loginbox .panel { border:none; border-radius:0; box-shadow:none; margin-bottom:5px;  }
button.login { background:none; border:none; color:#fff; }
.forgot{     font-size: 15px;  margin-top: 3px; margin-bottom: 3px;}
.forgot a{ text-decoration:underline; color:#ff8800; font-size:12px;}
.header { background:#DD2211; color:#fff; margin-bottom: 10px; }
.header a{ color:#fff;}
.header .col-md-9{ padding: 0 10px 0 10px;}
.header .pull-right  { padding: 0 10px;}
.header .navbar-collapse { padding-right:10px;  margin-right: 0px;}
.header .navbar-default{ background:none; border:none;  text-transform:uppercase;}
.header .navbar li a , .header .navbar li a:focus{ color:#fff; text-transform:uppercase; padding: 26px 14px; font-size:14px; font-weight:600;}
.header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:focus, .header .navbar-default .navbar-nav > .active > a:hover , .header .navbar li a:hover{ background:#cc1100; color:#fff;}
.header .navbar-default{ margin-bottom:0;}
.header .col-md-11 {
width: 92.667%;
}
.header .navbar-brand , .msges{ padding-top:10px;  display:inline-block;}
.header .navbar-brand { max-width:192px; height:55px;  padding:0;padding-left: 5px; padding-top:10px;}
.header .navbar-brand img{ display:block;}
.nav .msges a , .nav .msges a:hover , .nav .msges a:focus{ background:none;}
.nav .msges [class^="flaticon-"]::before,  .nav .msges [class*=" flaticon-"]::before,  .nav .msges [class^="flaticon-"]::after,  .nav .msges [class*=" flaticon-"]::after{ font-size: 16px;
font-style: normal;
font-weight: normal;
margin-right: 7px; margin-left:0;}
.nav .msges a{ font-size: 14px;
font-weight: 600;    padding-top: 12px;}
 .nav .msges a i{    position: relative;
top: 1px;}

.nav .msges .dropdown-menu li a{ font-size:12px; color:#8d8d8d; padding:10px 8px}
.nav .msges .dropdown-menu li:hover ,   .nav .profile .dropdown-menu li a:hover{ background:#eee;}
.green{ color:#093;}
.nav .msges .dropdown-menu li a .heading{ color:#222; font-size:13.5px; display:block;}
.nav .msges .dropdown-menu  .icon{ float:left; margin-right:10px; width:26px; margin-top:5px;} 
.nav .msges .dropdown-menu li a i{ font-size:25px;}
.nav .msges .dropdown-menu {  left: auto;
min-width: 300px;
right: -13px;}
.msges .dropdown-menu {


padding: 0px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; border:1px solid #ccc;
}


.msges .dropdown-menu:after {
content: "";
position: absolute;
top: -15px;
right: 15px;
border-style: solid;
border-width: 0 15px 15px;
border-color: #fff transparent;
display: block;
width: 0;
z-index: 2;
}
.nav .msges .dropdown-menu  li ,  .nav .profile .dropdown-menu li{ border-bottom:1px solid #ccc;}
.nameadmin{ font-size:11px; display:inline-block; padding:2px 0}
.nav .profile a{ padding:3px; font-size:12px; background:none; border:1px solid #cc1100 }
.nav .profile a , .nav .profile a:hover , .nav .profile a:focus{background:#cc1100; border:1px solid #cc1100}
.nav .profile .dropdown-menu a{ background:#fff; border:none;}
 .nav .profile .dropdown-menu{ padding:0;}
 .header .navbar-default .navbar-collapse{ border:none;}
 #midpart table{ background:#f9f9f9;}
  #midpart table a{ color:#333;}
   #midpart table th{ background:#777777; color:#fff ; border-color:#888; font-size: 13px;
font-weight: 300; padding-top:14px; border-bottom:none;}
   table .progres{ color:#bbb; font-size:11px; white-space: nowrap;}
	
   .action{ text-align:center;}
   .action a{ background:#888; -moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%; /* future proofing */
-khtml-border-radius: 50%; /* for old Konqueror browsers */  display: inline-block;

color: #fff !important;
display: inline-block;
font-size: 10px;
padding: 3px 5px;}
.actionclose{ background:#dbdbdb; -moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%; /* future proofing */
-khtml-border-radius: 50%; /* for old Konqueror browsers */  display: inline-block;

color: #fff !important;
display: inline-block;
font-size: 10px;
padding: 3px 5px;}
.person-name{ text-transform:uppercase;}
.action a:hover{ background:#EE7700;}
.action a i{ color:#fff;}
.msg-info i{ font-size:19px;  color:#888;}
.msg-info .fa-file-text , .fa-file-text , .flaticon-grating{  color:#0099ee !important;}
.msg-info .fa-envelope , .fa-envelope , .fa-comment , .msg-info .fa-comment , .flaticon-text{ color:#ff8700 !important; }
.btn-default{ background:#eee;}
.white-bg{ background:#f9f9f9; border:1px solid #eee; padding-bottom:10px;}
.marbot20{ margin-bottom:20px;}
.list-notes .list-group-item { border-radius:0px;  border:none; border-top: solid 1px #eee ; border-bottom: solid 1px #eee}
.list-notes .pull-left i { font-size:22px;    margin: 5px 10px 10px 0;}
.list-notes .list-group-item a{ color:#888; text-decoration:none;}
.black{ color:#3f3f3f;}
.list-notes .list-group-item .date{  display:inline-block;}
.list-notes .list-group-item p{ color:#222;}
.list-notes  ul{ margin-bottom:10px;}
.list-notes .list-group-item:hover{ background:#f5f5f5;}
.boderbottom{ border-bottom: solid 1px #eee}
.footer{ background:#333333; color:#fff; padding:30px 20px 20px; clear:both; font-size:13px;}
.copyright{ color:#888;  padding-bottom: 20px;
padding-left: 28px;
padding-top: 20px; }
.footer li{  padding:5px 0;}
.footer a{ color:#FF9911;}
.footer h5{ font-size:14px; text-transform:uppercase;   margin-bottom: 15px; }
.blanckmsg{color:#888;}
.padding10{ padding:10px;}
.mainsearch .nav-pills { padding-right:13px; padding-top:19px;}
.mainsearch .nav-pills .btn  { background:none; border:none; padding:16px 20px 20px; border-radius:0; color:#333; font-size:13px; }
.mainsearch .nav-pills  .btn:hover , .mainsearch .nav-pills  .btn.yelolowCollor , .mainsearch .nav-pills  .btn.active{ background:#f9f9f9; box-shadow:none;} 
.mainsearch .nav-pills .form-control{ height:auto; background:none; box-shadow:none;}
.mainsearch .nav-pills .btn-group.open .dropdown-toggle{ box-shadow:none; border:none; background:#f9f9f9;}
.mainsearch .nav-pills  .btn.active.focus, .mainsearch .nav-pills  .btn.active:focus, .mainsearch .nav-pills  .btn.focus, .mainsearch .nav-pills  .btn.focus:active, .mainsearch .nav-pills  .btn:active:focus, .mainsearch .nav-pills  .btn:focus{box-shadow:none;}
.mainsearch .nav-pills .slect .btn{ padding-left:30px;   padding-right: 23px;}
.mainsearch .nav-pills .slect{ position:relative;}
.mainsearch .nav-pills i{ font-size:15px;}
.mainsearch .nav-pills .slect i{ position:absolute; z-index:9; top:30%; left:8px; color:#333;  font-size: 17px; }
#login_Box_Div .row{ margin-top:7px ; margin-bottom:7px ;}
#login_Box_Div .row .row{ margin-top:0px ; margin-bottom:0px ;}
#login_Box_Div label{ font-size: 12.5px;
font-weight: 600;  color: #979797;}
#login_Box_Div .bootstrap-select > .btn { background:#fff;}
.ui-datepicker .btn-link{ color:#EE7700}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ background:#EE7700}
#midpart table .darkbg{ background:#555555;}
.sce-th th{ font-weight:normal;}
.font25{  font-size:25px ;}
.font19{  font-size:19px ;}
.fa-check-circle-o , .fa-check.green , .flaticon-accepted{color:#66aa00 !important;}

.icon-table-td td{ line-height:normal;}
.fa-exclamation-triangle{ color:#dd2211 !important;}
.fa-file-text-o , .flaticon-switch {color:#77ccee}
.fa-tasks , .flaticon-hourglass3{ color:#999;}
.pagination  .prev a ,.pagination  .next a{color:#fff; background:#cccccc; border-radius:50%; border:none;  margin-top:-5px;  }
.pagination  .prev a {  padding: 6px 13px 6px 10px; margin-right:20px;}
.pagination  .next a{ padding: 6px 10px 6px 13px;  margin-left:20px;}
.pagination > li:first-child > a, .pagination > li:first-child > span , .pagination > li:last-child > a, .pagination > li:last-child > span{  border-radius:50%; }
.pagination  .prev a:hover ,.pagination  .next a:hover{ color:#888 ; color:#fff; background:#888;}
.pagination > li > a, .pagination > li > span{color:#888;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ outline:none; background:#888; border:none; margin-top:1px;}
.sheet-icon .nav{ border-top:1px solid #ddd; text-align:center;}	 
.sheet-icon .nav li { float:none; display:inline-block; padding:20px; padding-top:30px;} 
.sheet-icon .nav li span{ display: block;
font-size: 13px;
position: relative;  }
#midpart table th a ,#midpart table th a:hover{ color:#fff; text-decoration:none;}
.servicedrop li{ border-bottom:1px solid #ddd; padding:0px 24px;}
.servicedrop ul{ padding:0; min-width:280px;   left: 68px;   top: 30px;    }
.servicedrop .lihead{  color:#fff; background:#777; font-weight:normal; padding:10px 26px;}
.servicedrop .btn {display: inline-block;
font-size: 12px;
font-weight: 600;
margin: 14px 0;
padding: 5px 14px;}
.minheight{  min-height:400px;}
.servicedrop .dropdown-menu:after {
content: "";
position: absolute;
top: -15px;
left: 13px;
border-style: solid;
border-width: 0 15px 15px;
border-color: #777 transparent;
display: block;
width: 0;
z-index: 2;
}
.large-width { margin-top: 10%; width:100%; max-width:790px;  width: 98%; margin-left:auto; margin-right:auto; margin-bottom:5px;}
.grey{ color:#888;}
.large-width .modal-header{ text-align:left;}
.large-width .modal-header span{ margin-right:20px;}
.large-width .modal-header span span , .large-width .close span{ margin-right:0;}

.modal-header i{ color:#555; font-size:17px; margin-right:5px;}
.modal-header .breadcrumb{ background:none; padding-left:0; margin-bottom:0}
.tl{ text-align:left;}
.mainbox{ max-width:350px; margin:auto; margin-top:142px; float:none;}
.alert-danger{ color:#dd0000;  padding-bottom: 12px;}
.mainbox .panel{ padding:0 12.5px;}
.nonround{border: medium none;
border-radius: 0;
color: #888 !important;
font-size: 12px;
font-weight: 600; margin:10px 0;   padding: 7px 17px;} 
.font16{ font-size:16px;}
.font15{ font-size:15px;}
.table.font15 td{ font-size:15px;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ padding:12px; border-color:#eee; border-right-color:#eee; border-bottom-color:#eee; border-bottom-color:#ddd; }
 .progres img {
margin-right: 3px;
}
.namebar { font-size:13.5px; font-weight:400;}

.namebar span:not(:last-child):after
{
content:           ' |';
}
.form-control , .bootstrap-select > .btn {
border-radius: 0; }

.table-responsive.minheight tr td:first-child , .table-responsive.minheight tr th:first-child {  padding-left: 7.6%;
width: 26%;
/* styles */
}

.minheight tr td:first-child{ text-transform:uppercase;}.pagination .form-inline .form-control{ width:58px; display:inline-block; background:#fff !important;  font-size: 15px;}
.pagination .form-inline{position: relative;
top: -11px;}
.pagination li{ display:inline-block;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{ color:#888;}
.alinleft{ text-align:left;}
.alinright{ text-align:right;}
.pagination .form-inline .form-control .btn-default{background:#fff ;  font-size: 15px;  padding-left: 14px;
}
.width33{ width:33%;}
.table{ margin-bottom:10px;}
.list-notes {
font-size: 15px;
}
.list-group-item{ background:none;  padding: 15px 20px 10px;}
.pding0 { padding-left:0}
.pding0 .col-sm-4 { padding-right:0}

.datepick .input-group .form-control{ width:94%;} 
.datepick .input-group-btn:last-child > .btn, .datepick .input-group-btn:last-child > .btn-group {  border-bottom-left-radius: 4px;
border-top-left-radius: 4px; background:#fff; padding-left: 10px;
padding-right: 10px; padding-top: 5px;
}
#login_Box_Div  .form-control , #login_Box_Div .bootstrap-select > .btn{ text-transform:uppercase; font-size:15px;}
#login_Box_Div .caret{ color:#999; border-top: 7px solid;}
#login_Box_Div .mainwidth{ padding:22px 0 ; padding-bottom:20px;}  
#login_Box_Div .btn-warning{ padding:9px 12px; font-weight:600;  margin-top: 15px;}
#login_Box_Div { border-top:0;}
.reqtdate{ width:11%}
#midpart .sce-th th{  white-space:nowrap; }
.minheight tr td:last-child , .minheight .action { width:14%; text-align:left;}
.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th {
padding-left: 12px;
}
.colmselecter{ position:relative;}
#buttonLogin2{ cursor:pointer; }
.droparrow{  display: inline-block;
position: relative;
right: -7px;
}
.pagination{ font-size:13px;  margin-top: 10px;}
.alinright  .pagination .form-inline .form-control{ width:40px; text-align:right;}
.alinleft .pagination .m_top20 { margin-top:17px;}
.alinleft .pagination .caret{ border-top: 7px solid; color: #999;}
.alinright  .pagination { padding-right:45px; padding-top:13px;}
.action .dropdown-menu a{ background:none; color:#333 !important; font-size:15px; border-radius:0; padding:10px; padding-left:20px;}
.action .dropdown-menu li{ border-bottom:1px solid #ddd; position:relative;}

.action .dropdown-menu{left: -168px; min-width: 210px; margin:0; top:0; border-radius:0; padding:0; z-index:99}
.actionclose{ position:absolute; right:10px; top: 8px;
}
.action .dropdown-menu a strong{ font-weight:600; font-family: "Open Sans",sans-serif;}
.action .open{ position:absolute; z-index:9999}
.modal-content{  border-radius:0; padding: 35px;  font-size: 15px;  white-space:normal !important;}
.modal-header , .modal-footer , .modal-body  { font-size:15px; padding: 15px 0; border-color:#ccc; }
.modal-header h2{ margin-top:0; margin-bottom:0}
.modal-header .grey , .modal-footer .grey , .max-carcter{ font-size:13px; font-weight:600; color:#878787 !important;}
.modal-body{ line-height: 24px;}
.large-width .modal-header .summaryarrow{ margin-right:0}
.personname{ margin-top:30px; margin-bottom:13px;}
.sectdiv{ max-width:270px; margin:40px auto; }
.sectdiv .bootstrap-select > .btn{font-size:15px; background:none;}
.large-width .modal-footer span {
    margin-right: 20px;
}
.modal-footer { padding:0px ; padding-top:5px;}
.large-width .modal-footer .summaryarrow{ padding-top:10px; margin-right:0}
.sectdiv .caret{  border-top: 6px solid;
    color: #999;}
	.notesfrm h1{ font-weight:300; font-size:31px; margin-top:0; }
	.max-carcter {
    margin-top: 10px;
}
.buttonsgrp{ margin:30px 0 40px 0;}
.buttonsgrp button{ margin: 0 5px; text-transform:uppercase; border:none; padding:9px 20px; color:#fff; font-weight:600; }
.buttonsgrp .btn-default{ background:#888}
.buttonsgrp .btn-default:hover{ background:#acabab; color:#fff;}
.buttonsgrp .btn-default.close-btn{ background:#fff; color:#888; padding-top: 3px; float:left;}
.buttonsgrp .btn-default.close-btn [class^="flaticon-"]::before, [class*=" flaticon-"]::before, .buttonsgrp .btn-default.close-btn [class^="flaticon-"]::after, .buttonsgrp .btn-default.close-btn [class*=" flaticon-"]::after {
  font-family: Flaticon;
  font-size: 17px !important;
  font-style: normal;
  margin-right: 1px;
  position: relative;
  top: 2px;
}
.dull{ opacity: 0.35;}
.successmsg {
  margin: 12% auto 1%;
  max-width: 500px;
  width: 98%;
}
.successmsg .modal-body { padding:30px 10px;}
.modal-header h2 span{ font-weight:300;}
.pdtopnbot{ padding:30px 0;}
.margen5p{ top:3%;}
.table-hover > tbody > tr:hover {
    background-color: #fff;
}
.font13{ font-size:13px;}
.fontbold-600{ font-weight:600 !important;}
.back{ margin-bottom:17px; display:inline-block; }
.grey2{ color:#999 !important}
.sub-bar{ margin:10px 0; font-size:15px;  padding-bottom: 10px;}
.sub-bar span{ margin-right:10px; display:inline-block;}
.listheading{ background:#bbbbbb; color:#fff; padding:3px 15px ; font-size:20px; }
.nonborder td{ padding:8px 0; border:none; }
.nonborder{ margin:10px 0; margin-bottom:25px;}
.box1 .nonborder td:first-child {  max-width: 84px;}
.case-detail .white-bg{ font-size:15px;}
.box2 .nonborder td:first-child {  max-width: 50px;}
.box3 .nonborder td:first-child {  max-width: 60px;}
.sub-bar .summaryarrow{ margin-right:0}
.grey2icon{ color:#ccc;}
.orange{ color:#e17c26 !important}
.modal-header .m-bot3 , .m-bot3{ margin-bottom:3px;}

.icontd {
    width: 26px;
}
.case-detail li{ padding:8px 0;}
.case-detail ul{ padding:15px 0;}
.action .actionspan { background:#888; -moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%; /* future proofing */
-khtml-border-radius: 50%; /* for old Konqueror browsers */  display: inline-block;

color: #fff !important;
display: inline-block;
font-size: 10px;
 margin-right:5px; height:20px; width:20px; text-align:center; line-height:20px; float:left;}
 .radio.action .actionspan{ float:right;}
.act-butn a{ color: #3f3f3f;}
.case-detail .act-butn{ margin-top:10px;}
.agedetail td{ padding-right:30px;}
.box6 .dropdown-toggle ,
.box6 .btn-default.active, .box6 .btn-default.focus, .box6 .open > .dropdown-toggle.btn-default ,.filds .dropdown-toggle{ background: none; font-size:15px;}
.box6 .pager{ margin:0; padding-bottom:0} 
.box6 .pager li > a, .box6 .pager li > span{ padding:0; background:none; border:none;}
.box6 .summaryarrow .flaticon-right7::before, .box6 .summaryarrow .flaticon-right7::after{color: #999; margin-left:5px;}
.box6 .list-unstyled{ padding-top:0}
.case-detail .modal-footer .flaticon-arrow56::before, .case-detail .modal-footer .flaticon-arrow56::after{ color: #999; margin-right:0px;left:-3px;}
.case-detail .modal-footer{ margin-top:15px;}
.bootstrap-select li{ padding:0}
.box6 .caret{  border-top: 6px solid;
    color: #999;}
	.sub-menu-bar{ background:#333; color:#fff;  margin-top:-10px; font-size:15px; margin-bottom: 30px;}
	.sub-menu-bar .nav{ margin-left:28%;}
	.sub-menu-bar .nav a{ color:#fff;  border-radius: 0px; padding:14px 15px;  }
	.sub-menu-bar .nav-pills > li.active > a, .sub-menu-bar .nav-pills > li.active > a:focus, .sub-menu-bar .nav-pills > li.active > a:hover , .sub-menu-bar .nav a:hover{ background:#000; }
	.leftsidebar h2{ margin-top:0; margin-bottom:45px;}
	.leftsidebar  .list-group-item{ border-left:none; border-right:none; padding:10px 0; border-color:#ccc; font-size:15px;}
	.leftsidebar  .list-group-item a{  color: #999; }
	.leftsidebar .list-group-item.active, .leftsidebar .list-group-item.active:focus, .leftsidebar .list-group-item.active:hover { background:#f3f3f3; font-weight:600;padding:10px; color: #3f3f3f ; border-color:#ccc;}
	 .leftsidebar .list-group-item.active a{ color: #3f3f3f ;}
	 .leftsidebar .list-group-item:first-child , .leftsidebar .list-group-item:last-child{ border-radius:0;}
	 .rightwithsidebar h2 span{ font-weight:300;}
	 .rightwithsidebar h2 { margin-top:0 ; }
	 .rightwithsidebar .modal-header{ padding-top:0; position:relative;}
	 .headtext-info { bottom: 5px;
 margin-top: 20px; display:block;
right: 0;}
.check-info{ padding:0}
.leftsidebar {
  padding-right: 43px;margin-top: 88px;
}
.rightwithsidebar .mainsearch .nav-pills .btn { font-size:15px; padding: 15px 20px; }
.rightwithsidebar .mainsearch .nav-pills .btn.active{ font-weight:600;  padding: 15px 27px;}
.rightwithsidebar .mainsearch .nav-pills .action .actionspan{ font-size:11px;}
.rightwithsidebar .white-bg{ border: none; padding-bottom:0}
.rightwithsidebar .white-bg .modal-header{ padding-top:20px; padding-bottom:25px;}
.filds .form-control {
  margin-bottom: 10px; font-size:15px;
}
.filds .btn-default:active, .filds .btn-default:focus, .filds .btn-default:hover, .filds .open > .dropdown-toggle.btn-default{ background:none;}
.filds .caret  {border-top: 6px solid;
    color: #999;}
	.filds {
  clear: both;
}
.filds .input-group-btn{top: -4px;}
.filds .datepick .input-group-btn:last-child > .btn, .filds .datepick .input-group-btn:last-child > .btn-group{  padding-left: 12px;
    padding-right: 7px;}
	.modal-header .filds .actionspan i{ margin:0; color:#fff; font-size:14px;}
	.rightwithsidebar .buttonsgrp {
    margin: 30px 0 15px;
}

.check-info{ margin-bottom:25px;}
.butonfor-add { float:left;}

#tabs1 {


  width: 78%;
}
.radio label { margin-right:10px;}
.radio .textmsg{ padding-left:20px; display:inline-block;}
/*18-3-2015*/

.has-error .form-control , .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle , .has-error .form-control:focus {
    border-color: #dd0000;
   
}
.has-error .error-msg{ display:block; padding:3px; background:#dd0000; color:#fff; font-size:13px; position:relative;}




.has-error .error-msg:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 15%;
    border-style: solid;
    border-width: 0 7px 7px;
    border-color: #dd0000 transparent;
    display: block;
    width: 0;
    z-index: 1;
}

.down-file button { width:100%; margin:10px 0;}

.fa-file-pdf-o { color:#dd0000; font-size:18px;}

.alert-dange small ,  .errormsg {  color: #dd0000 !important;
}
/*19-3-2015*/

.btn-file , .btn-file:hover {
  position: relative;
  overflow: hidden; background: #999999 !important; color:#fff; text-transform:uppercase; font-weight:600; margin-top:10px;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}
.uploadimg img{ position:relative; top:-2px; margin-right:5px; }
.doctable td{ padding:5px 10px; }
.oder-summary td{ padding:5px; vertical-align:top;}
.oder-summary table{ margin-bottom:20px;}
.oder-summary td:first-child {width: 145px;}
.confirmation-msg{ margin-top:80px;}
.col-md-12{ float: left;}
.filds .buttonsgrp{ margin:10px 0;
}
.filds .buttonsgrp .btn-default{ white-space:normal;}
.filds .buttonsgrp .btn-default:hover , .filds .buttonsgrp .btn-default:focus , .buttonsgrp .btn-default:focus {
    background: #acabab;
    color: #fff;
}
.listview{ padding-left:17px;}
.listview li{ margin-bottom:10px;}
.font29{ font-size:29px !important;}
.mainbox2 {
  float: none;
  margin: 80px auto auto;
  max-width: 350px;
}
.modal{ overflow-y:visible ;}
.loading-img { position:fixed; top:40%; width:100%}
.login-but a{ background:#ff8800; display:inline-block; padding:26px 16px;  font-size: 14px; text-transform:uppercase;
    font-weight: 400; text-decoration:none;}
	.termfrm{ width:auto; margin:auto;text-align:center;}
	.scrollbars{height:360px; margin-top:20px; }
	.scrollbars .modal-header{ width:96%;  font-size:14px;}
	.scrollbars .modal-header p{ line-height:23px;}
	.actionspan.remove {
  padding: 0;
}
.remove i {
  color: #888;
  font-size: 22px !important;
  line-height: 17px; margin-right:0;  position: relative;
    top: 1px;
}
.add i{  color: #888;
  font-size: 22px !important;
  line-height: 17px; margin-right:0;  position: relative;
    top: 1px;}
  .fontbold-400{ font-weight:400 !important;}
  .tdhovernone{ background:#f9f9f9;}
  header .nav .msges  .flaticon-switch::before ,    header .nav .msges .flaticon-switch::before{ font-size: 28px;
font-weight: normal;
left: 2px;
position: relative;
top: -4px;}
.mainsearch .nav-pills .slect .viewon i {
left: 13px;
    top: 11px;
}
.nav .msges .dropdown-menu li:last-child{ border-bottom:none}
.icon-table-td .flaticon-switch ,.icon-table-td .flaticon-grating{ position:relative; top:2px;}
#midpart .icon-table-td th{ border-top:none;}
#midpart .bodernone2{ border-right:none !important; border-left:none !important;}
#midpart .bodernone2right{ border-right:none !important;}
#midpart .bodernoneleft2{ border-left:none !important;}
.filds .col-md-6 , .filds .col-md-2 , .filds .col-md-3, .filds .col-md-4 , .filds .col-md-5{  padding-right:0;}
.header.static-had  .pull-right {
  padding: 0 0px;
}
.header.static-had .navbar-collapse{  margin-right: 0;}
.logos{ float:none; white-space:nowrap; width:100%; float:left;   padding: 7px 6px 6px; max-width:330px;}
.logos img {
  padding: 2px;
}

.header.static-had .navbar li a, .header.static-had .navbar li a:focus{ padding: 26px 16px;}
.navparts{ float:right; }
.header.static-had  .moblie-but{ display:none;}
.header.static-had .navbar-default .navbar-nav > .open > a, .header.static-had .navbar-default .navbar-nav > .open > a:focus, .header.static-had .navbar-default .navbar-nav > .open > a:hover{ background:#cc1100; color:#fff;}
.stick {
	position:fixed;
	top:0px; width:230px;
}
.header.static-had{ margin-bottom:0;}
.leftsidebar .stick .list-group-item.active, .leftsidebar .list-group-item.active:focus, .leftsidebar .stick .list-group-item.active:hover{padding: 6px 10px;}
nav .nav > li { position:static} 
nav .navbar-collapse .dropdown-menu{ width:100%; text-align:center;  background: rgba(0, 0, 0, 0.5); border:none; padding:0 10px; border-radius:0; }
nav .navbar-collapse .dropdown-menu li{ display:inline-block;}
.header nav .navbar-collapse .dropdown-menu li a , .header.static-had nav .navbar-collapse .dropdown-menu li a:focus{ text-transform:capitalize; padding:15px 16px; font-size:14px;}
.header nav .navbar-collapse .dropdown-menu li a:focus , .header.static-had nav .navbar-collapse .dropdown-menu li a:hover , .header.static-had nav .navbar-collapse .dropdown-menu li.active a { background: rgba(0, 0, 0, 0.7);}
.tabs1 .action .actionspan{ line-height:21px;}
.filds  a.action .actionspan i{ position:relative; left:0.1px}
.filds  .action .actionspan i{ position:relative; left:-0.0px}

#f_upload {
background: none repeat scroll 0 0 #a42627;
border-image: none;
border-radius: 2px;
color: #fefefe;
cursor: pointer !important;
display: inline-block;
font-family: verdana;
font-size: 13px;
font-weight: normal;
height: 30px;
line-height: 28px;
margin-left: 10px;
position: relative;
text-align: center;
top: -10px;
min-width: 120px;
font-family:Arial;
}
.bgCross { background-image: url("../images/crossBg.png") !important; background-repeat:no-repeat; background-position:center; background-size:100% 100%; height: 170px; width: 100%;}
.drawItDesc{ display: block; font-size: 13px;}
#SignatureCanvas_toolbar{ width:100% !important;}

.optional{ padding-top:20px;}
.langddl #dropdownMenu1{ background:none; border:none;    color: #fff;
    text-transform: uppercase;}
	.langddl .dropdown-menu{ text-align:right; position:relative; width:100%; background:none; box-shadow:none; border:none;}
	.langddl .dropdown-menu li a{ color:#ff9911; background:none; line-height:15px;}
	.langddl .dropdown-menu li:hover a , .langddl .dropdown-menu li a:focus {background:none;}
	.langddl .dropdown-menu li a:hover{ text-decoration:underline;}
	.sigPad {

  overflow: hidden;

}
.btn{ background:#f0f0f0}
.btn-warning {
    background-color: #ff8800;}
    .selectwidthauto .bootstrap-select {width:auto !important;}
    .boder-color{  border-color:#e1e1e1;}
    .button-width{margin-top: 15px;
text-align: center;
width: 170px;}
.container-fluid {

  padding-left: 0;
  padding-right: 0; overflow:hidden;
}

 /*by arif*/ 
 .marginTB30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.clickmsgsigmpad {
    position: absolute;
     right: 30px;
     cursor:pointer;
     margin-top:5px;
     color:#337ab7 !important;
     background: none !important;
}

.minheight
{
    min-height:200px;
    }
/*-----------------------------------------------media class end here--------------------------------------------------*/
 @media screen and (max-width: 1199px){ .stick {
	position:fixed;
	top:0px; width:25%;}
	 .headtext-info { bottom: 2px;

right: 0;}
.rightwithsidebar h2 {
  margin-bottom: 40px;

}
}
 @media screen and (max-width: 1156px){
	.header.static-had .navbar li a, .header.static-had .navbar li a:focus , .login-but a{ padding: 26px 10px;}
.stick {
	position:fixed;
	top:0px; width:28%;
}
	 
	 }
 @media screen and (max-width: 1080px){#tabs1 {
  width: 74%;
}
 .header.static-had .navbar li a, .header.static-had .navbar li a:focus , .login-but a{ padding: 26px 9px; font-size:12px;}
  .login-but a{ padding: 28px 9px; font-size:12px;}

}



  @media screen and (max-width: 1010px){ 	.table-responsive.minheight tr td:first-child , .table-responsive.minheight tr th:first-child {  padding-left: 1.5%;
width: auto;

/* styles */
}
.leftsidebar {
  padding-right: 15px;
}
.minheight tr td:last-child { width: auto; text-align:left;}  .nav .msges a{  padding:10px 0;}
#tabs1 { clear:both;


  width: 100%;
}


}

 @media screen and (max-width: 992px){ 
 .header .col-md-3 .nav-pills { float:right; padding-right:10px}  
 .header .navbar-default{ margin-right:0px } 
 .header .col-md-3{border-bottom:1px solid #cc1100 ; margin: auto ; width:95% }
	.width33{ width: auto;}
	.header .col-md-11 {
width: 90.667%;
}
.large-width { margin-top: 4%;}
.col-md-12{ float: none;}

.optional{ padding-top:0px; margin-bottom:10px;}
}
 @media screen and (max-width: 991px){.box1 .nonborder td:first-child ,.nonborder td:first-child {
  max-width: none; width:43%;
}
.logo1{ width:60%;}
.logo2{ width:35%;}

.logos img {
  padding: 0px;
}
.logos {
  float: left;
  max-width: 280px;
  padding: 11px 6px 6px 6px;
  white-space: nowrap;
  width: 100%;
}
 .header.static-had .navbar-collapse {
  margin-right: 0px;
  padding-right: 10px;
    padding-left: 0px;
}
 .header.static-had .navbar li a, .header.static-had .navbar li a:focus , .login-but a{ padding: 26px 6px; font-size:12px;}
  .login-but a{ padding: 28px 6px; font-size:12px;}
 }
   @media screen and (max-width: 875px){  .header.static-had .navbar li a, .header.static-had .navbar li a:focus , .login-but a{ padding: 26px 14px; font-size:13px; }
  .login-but a{ padding: 28px 14px; font-size:13px;}
  .logos {
  float: none;
  max-width: none;
  padding: 11px 6px 6px 4px;
  white-space: nowrap;
  width: 100%; text-align:center; margin:auto; border-bottom:1px solid #cc1100;
}
  
  .logo1{ width: auto;}
.logo2{ width: auto;}
.navparts {
  float: none;
  margin: auto;
  width: 93%;
}
  
  .rightwithsidebar h2 {
  margin-bottom: 10px;

}
.headtext-info {
  bottom: 2px;
  position: relative;
  right: 0;
}

  }
  @media screen and (max-width: 800px){.scrollbars{height:600px;} .navparts {
  float: none;
  margin: auto;
  width: 99%;
}



}




@media screen and (max-width: 767px)
{
    .logo-height{
   height: 40px;
margin-top: 5px;
}

    .leftsidebar {
    margin-top: 10px;
}

.minheight
{
    min-height:20px;
    }
    
    .header .navbar li a , .header .navbar li a:focus{  padding-bottom: 10px;
padding-top: 10px;}
.header .navbar li{ border-bottom:1px solid #cc1100 }
.header .navbar-default .navbar-toggle{ background:#EE7700; border:1px solid #FF9911;  margin-bottom: 0;
    margin-right: 15px;
    margin-top: 10px;}
.header .navbar-default .navbar-toggle .icon-bar {
background-color: #EEEEEE;
}
.nav .profile .dropdown-menu { left:auto; right:0px;

}
.alinright  .pagination { padding-right:0px;}
.alinleft , .alinright{ text-align: center;}

footer .tr{ text-align:left;}
.sub-menu-bar .nav {
  margin-left:0;
}

.logo1{ width:60%;}
.logo2{ width:35%;}

.logos img {
  padding: 0px;
}
.logos {
  float: left;
  max-width: 280px;
  padding: 11px 6px 6px 6px;
  white-space: nowrap;
  width: 100%;
}
.header.static-had  .moblie-but{ display:block; margin-right:-3px;}
.header.static-had  .desk-but{ display:none;}
 .header.static-had .navbar-collapse {
  margin-right: 0px;
  padding-right: 10px;
    padding-left: 15px; clear:both;
}
.logos {
    border-bottom: none;}
	.header.static-had  .navbar-default .navbar-toggle{ border:none; border-radius:0; margin:0; padding: 31px 10px 30px 10px;}
	.header.static-had .navbar li a, .header.static-had .navbar li a:focus{
  font-size: 13px;
  padding: 13px 14px;
}
.stick {
	position: relative; width: auto;

}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover{ background: rgba(0, 0, 0, 0.7); color:#fff}
 nav .navbar-collapse .dropdown-menu li {
  display: block;
}
nav .navbar-collapse .dropdown-menu {

  padding: 0 0px;
  text-align: left;

}
.navbar-nav .open .dropdown-menu{  background: rgba(0, 0, 0, 0.5) ;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a , .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover , .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ color:#fff;}
.langddl .dropdown-menu{ text-align:left;}

}
@media screen and (max-width: 600px){.header .col-md-3{border-bottom:1px solid #cc1100 ; margin: auto ; width:90% } 
.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th{ white-space: nowrap; }
.table-responsive > .table > tbody > tr > td.msg-info strong{ white-space: normal; width:200px; display:block;}
	.header .col-md-11 {
width: 85.667%;
}

.mainsearch .nav-pills .btn{ font-size:12px;   }
.scrollbars{height:400px;}
}
@media screen and (max-width: 540px){
	.header.static-had  .moblie-but{ display:block; margin-right:-2px; }
	.logos {
  float: left;
  max-width: 60%;
  padding: 18px 6px 6px 3px;
  white-space: nowrap;
  width: 100%;
}
	.login-but a {
  font-size: 12px;
  padding: 29px 6px;
}
button#maiden, button#middle , button#aka{ width:100%; margin-bottom:10px;}
	
	}
@media screen and (max-width: 400px){
	.header.static-had  .moblie-but{ display:block; margin-right:-4px;}
	.doctable td{ display:block;}
	.doctable td:last-child{ display:block; padding-bottom:20px;}

.mainsearch .nav-pills i {
font-size: 13px;
}
.header .navbar-brand{ display: inline-block; float:none; max-width:192px; width:70%; height:auto;   }
.container-fluid{ padding:0; overflow:hidden;}

	.header .col-md-11 {
width: 81.667%;
}
.mainsearch .nav-pills .btn{padding: 16px 4px 12px;}
.modal-content {

  padding: 35px 13px;
}
.oder-summary td:first-child {width: auto; padding-top:20px;}
.oder-summary td{ display:block; }
.oder-summary table{ margin-bottom:0px;}
.header.static-had  .moblie-but{ display:block; margin-right:-2px;width: 56px; }
.logos {
  float: left;
  max-width: 64%;
  padding:26px 6px 6px 3px;
  white-space: nowrap;
  width: 100%;
}
.header.static-had .navbar-default .navbar-toggle {
  border: medium none;
  border-radius: 0;
  margin: 0;
  padding: 39px 10px;
}
.buttonsgrp button{padding: 9px 10px;}

}

.orderfrm-btn1 #file_upload { float:left; }
.orderfrm-btn1  #f_upload { top:0;   border-radius: 15px; }
.uploadtable tr{  border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8;}
.uploadtable{ margin: 0 -30px; width:108%; margin-top:20px;}

.uploadtable td{ padding:10px 30px;}
.addfile-dis{ font-size:11px;}
.uploadtable td.name {
  width: 84%;
}
.uploadtable  [class^="flaticon-"]::before, .uploadtable [class*=" flaticon-"]::before, .uploadtable   [class^="flaticon-"]::after, .uploadtable [class*=" flaticon-"]::after {

  top: -3px;color:#9b9b9b;
}
.uploadtable thead td{ color:#9b9b9b; font-size:15px;}
.dottetLi{ padding-left:0}

.dottetLi li
{ background:url(../images/dot.png) left 6px no-repeat; padding-left:15px; list-style:none;}