/* Global -------------------------------------------------- */

body { font-family: 'Lato', sans-serif; color: #000; font-size: 14px; line-height: 22px; margin:0; padding:0; }
.wrapper { width: 100%; margin: 0 !important; padding: 0 0 20px 0 !important; }
.clear { clear: both; }
a { text-decoration: none; }
textarea, input, input[type=text], input[type=password] { font-size: 12px !important;font-weight:400;}
.formRow label { vertical-align: middle; line-height: 28px; }
.logo img{width: 180px;}
.hideform-btn{display:none}
/*-------------------------------------------------------------------------------------------------*/


/*--------------------------------Header------------------------------------------- */
header { background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); padding: 16px 0 0 0; background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); }
header .logo { margin: 0 !important; }
header .header-right { }
header .header-right ul { margin: 0; padding: 0; margin-top: 16px; }
header .header-right ul li { display: inline-block; color: #fff; font-size: 14px; padding: 0; margin: 0 10px 0 0; text-decoration: none; vertical-align:middle; }
header .header-right ul li a { display: inline-block; color: #fff; font-size: 14px; padding: 0; margin: 0; text-decoration: none; }
header .header-right ul li a:hover { color: #dadada; }
/*--------------------------------NAV------------------------------------------- */
nav { background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); margin: 0; padding: 0; border-bottom: 2px solid #d6d6d6; }
.nav { display: block !important; }
.nav li { display: block !important; position: static !important; }
.nav.navbar-nav { position: relative !important; }
.dropdown-menu { left: auto !important; width: auto !important; }
nav.navbar-default { border: 0px none; margin: 0; padding: 0; background-color: transparent; }
nav.navbar-default .navbar-collapse, .navbar-default .navbar-form { padding: 0; }
.nav li .fs1 { display: inline-block !important; padding-right: 6px; color: #fff; }
.navbar { border-radius: 0px; min-height: 48px !important;
}
nav.navbar-default .navbar-nav>li>a { padding: 9px 15px; text-decoration: none; font-size: 14px; line-height: 30px; color: #fff !important; text-transform: uppercase; font-weight: bold; }
nav.navbar-default .navbar-nav>li>a:hover { background: url(../images/menu-dd-icon.png) right bottom no-repeat #5ba5cb; }
nav.navbar-default .navbar-nav>li>a.active { background: #3a70ab; }
nav.navbar-default .navbar-nav>li>a:focus { background: none !important; }
nav.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background: none; }
.dropdown-menu { box-shadow : none; background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); border-radius: 4px; color: #ccc; border: none !important; -webkit-transition: all 0.2s linear; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff !important; padding: 0 15px; }
.dropdown-menu .fs1 { color: #fff !important; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #444; background: none; }
.dropdown-menu a:hover { background: #616161 !important; color: #fff !important; }
.dropdown-menu a span { padding-left: 20px !important; display: block; font-size: 11px; }
.dropdown-menu>li>a { color: #fff; background: none; border: 0px none !important; font-size: 14px; }
.dropdown .caret { vertical-align: middle !important; margin-left: 0px !important; }
.dropdown:hover .dropdown-menu { margin: 0!important; }
.divider { border-top: 1px solid #999 !important; border-bottom: 1px solid #fff; margin: 10px 0 0 !important; z-index:-1}
/*-----------------------------CUSTOM POPUP=-------------------------*/

.popUp{display:none; width:100%; position:fixed; top:0; left:0; height:100vh}
    .popupHead{padding: 7px 10px 16px 9px;  background: #D2DDE1;
  color: black;}
    .popupBack{width:100%; position:fixed; top:0; left:0; height:100vh; opacity:0.7; background:black;z-index: -1}
    .add-attachment{width:26%; margin:0 auto; margin-top:11%; background:#f4f4f4; padding: 2px 2px 34px 2px;;top:11%;  
  border-radius: 8px;}
    .group-span-filestyle .buttonText{margin-left:5px}
    #loading-img{margin-top:12px}
    #progressbar{  
        background:#5ba5cb;
        background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);}
    #progressbox {
  border: 1px solid #5ba5cb !important;
  padding: 2px !important;
  position: relative;
  width: 100% !important ;
  border-radius: 3px;
  margin: 0px !important;}
  .btn{padding:6px 9px !important}
  #statustxt{color:black !important}
  .alert-success{display:none;  padding: 7px !important;
   margin-bottom: 0px !important}

/*-------------------------------Content------------------------------------------- */
///---------------------
.content { }
.content .main-content { }
/*.content .main-content .widget{ border:0px none;}
.content .main-content .widget > [class*="whead"] { border-bottom:0px none;}*/
.content .formRow { padding: 3px 16px !important; }
.content .main-content .formRow [class*="grid"] > label { width: 100%; text-align: center; text-shadow: none !important; }
.content div.selector { width: 100% !important; padding: 0 !important; max-width: 100%; }
.content div.selector span { padding: 0 12px !important; text-shadow: none !important; }
.content .tablePars div.selector { width: auto !important; }
.content .tablePars div.selector span { padding: 0 40px 0 20px !important; text-shadow: none !important; }
.content .tablePars .dataTables_filter { margin-bottom: 8px !important; }
.content .tablePars .dataTables_length { margin-top: 16px; }
table .selector, table .selector > span, .dataTables_length .selector, .dataTables_length .selector > span { height: 24px !important; }
.tablePars { height: 54px !important; }
.content .table-subject .tDark tbody td { min-height:1px; padding:3px 18px 2px 10px !important; font-size:12px; border-right:1px solid #dadada !important; }
.content .widget { margin-top: 10px !important; }
.content .dataTables_filter input[type=text] {  margin-right: 12px; margin-top: 2px;height: 24px; box-shadow:none !important; border-radius:2px; border-bottom:1px solid #d7d7d7 !important; padding-top:0px !important;padding-bottom:0px !important;}
.content .widget > [class*="whead"] h6 { font-size: 16px; color: #1c1c1c; }
.content .widget > [class*="whead"] h6 a { font-size: 14px; font-weight: 400; padding: 0 10px; }
.content .widget > [class*="whead"] h6 .iconb { padding: 0 10px !important; }
.content h5 { color: green; font-size: 14px; padding: 10px 0 0; text-align: center; }
.content .widget > [class*="whead"] h6 span { font-size: 11px; font-weight: 300; text-shadow: none !important; padding-left: 53px; }
.content .save-top { text-align: right !important; float: right !important; margin: 3px 34px; }
.content .save-bottom { text-align: right !important; float: right !important; }
.content .save-bottom button { background: none; position: absolute; right: -9px; border: none; bottom: -2px; }
.content .save-bottom button .fa { font-size: 20px; color: green; margin: 0; padding-right: 5px; }
.fa { font-size: 20px; padding-right: 8px; }
.content .submit-btn .buttonS { padding: 7px 14px !important; }
.content .tablehead label { font-size: 12px; color: #000; font-weight: bold; }
.content .tDark tbody tr:nth-child(even) { background: #e7e5e5 !important; }
.content .tDark tbody tr:hover { background: #f0f0f0 !important; }
.content .glyph { color: #393939 !important; }
.content .reminder span { float: left; padding-right: 10px; }
.content .reminder .glyph { float: left; color: #444; font-size: 16px; display: inline-block; }
.content .reminder .glyph { color: #f00; }
.content .reminder .glyph a { display: inline-block; }
.action-icons .glyph { float: right; color: #444; font-size: 16px; margin-left: 5px; }
.content .action-icons .edit-icon .glyph { float: left; color: #444; font-size: 14px; margin-left: 5px; }
.content .tableFooter { height: auto !important; }
.content .tDark thead td { background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); border-left: 1px solid #9c9b9b; text-align: left; }
.content .reminder .iconb { color: #3a70ab; }
.content .eye-icon .iconb { color: #3a70ab; }
.content .edit-icon .iconb { color: #68a341; }
.content .close-icon .iconb { color: #900; }
.content .email-sent .iconb { color: #68a341; }
.content .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button:active { background: #3a70ab !important; border-color: transparent !important; }
.widget > [class*="whead"] {
    text-shadow:none !important;
}
.content .mail-icon, .edit-icon, .eye-icon, .close-icon { float: right; }
.content .actions { text-align: right !important; }
.action-icons { text-align: right !important; }
.scroll { overflow:hidden;}
.scroll .container { padding:0 !important;}
.bottom-footer .container { padding:0 !important;}
.dataTables_length { /*margin-top: 2px !important; padding-left: 5px !important; float: right !important;*/ }
.dataTables_length label { /*width: 240px !important;*/ }
.dataTables_length { /*width: 20% !important;*/ }
.dataTables_length div.selector { width: 58% !important; }

div.selector select { top:0px !important; height:100% !important;background:hsl(0, 0%, 95%) !important}
.dataTables_filter { float: right !important; margin:0px  !important; }
.add-team-detail { display: none; }
.content .payment-method { text-align: right; float: right; }
.content .payment-method ul li { font-size: 0; float: left; padding-right: 3px; }
.content .payent-method ul li img { display: inline; }
.content .whead .iconb { margin: 0 !important; }
.content .dataTables_paginate { float: left !important }
.content .dataTables_info { float: right !important; padding-right: 7px; }
.hidden-entry { color: #23527c !important; font-size: 12px !important; }
#add-member { display: block; padding: 10px 0 0 10px; }
a.teamclose { float: right; padding: 5px; font-size: 16px; }
.instructions-cont i { font-size: 20px; color: #3a70ab; }
.instructions-cont h6 { display: inline; position: relative; top: -2px; padding-left: 3px; font-weight: bold; }
.alertify-inner { text-align:left !important;}
/*-------------------------------login------------------------------------------- */
.loginWrapper input[type=text], .loginWrapper input[type=password] { width: 238px !important; }
.social-icon { float: right; }
.login-icon { padding:20px 0 0 0; }
.social-icon ul { margin: 0; padding: 0; }
.social-icon ul li { display: inline-block; margin-right: 8px; }
.social-icon ul li a { text-align: none; color: #fff; font-size: 18px; text-decoration: none; vertical-align: top; }
.social-icon ul li a:hover { color: #000; }
.login-icon ul li a { text-align: none; color:#000; font-size: 18px; text-decoration: none; vertical-align: top; }
.take-project { display: table; height: 180px; background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); padding: 75px 0px; width: 100%; text-align: center; }
.take-project span { font-size: 48px; color: rgb(255, 255, 255); line-height: 48px; }
.captcha { }
.captcha label { float: left; padding-top: 4px; }
.captcha span { margin-top: 7px; display: inline-block; margin-left: 2px; }
.loginEmail { background: #fbfbfb url(../images/icons/loginEmail.png) no-repeat 213px 12px !important; }
.loginPassword { background: #fbfbfb url(../images/icons/loginLock.png) no-repeat 214px 12px !important; }
.memory label { padding-left: 5px; }
.logControl { margin-top: 0 !important; }
.blue-ribon {width: 100%;margin-top:100px;display: table;}
/*-------------------------------dashboard------------------------------------------- */
.left-workflow{ height: 242px; }
.fa.fa-pencil { margin-left: 7px; }
.profilepanel-height{ height: 895px;}
.profile-data{ height: 886px;}
.wInvoice { height: 180px; }
.body-size{ height: 190px;}
.dashboard-detail .middleNavA { margin: 0 !important; }
.dashboard-detail .middleNavR li a > img, .middleNavS li a > img { padding-top: 52px !important;}
.dashboard-detail .middleNavS li { width: 100% !important; height: 150px !important; margin: 0 !important; }
.dashboard-detail .middleNavS li a { width: 94% !important; height: 130px !important; }
.dashboard-detail .middleNavS h3 { margin: 10px 0; font-size: 18px; color: #3d75ae }
.dashboard-detail .bottom-detail ul { margin: 10px 0 0 0; padding: 0; }
.dashboard-detail .bottom-detail ul li { font-weight: bold; margin: 0 0 10px 0; padding: 0; font-family: 'Lato', sans-serif !important; color: #000 !important; font-size: 14px !important; }
.dashboard-detail .bottom-detail ul li label { margin-bottom: 5px; }
.dashboard-detail .bottom-detail ul li span { display: block; }
.dashboard-detail .bottom-detail ul li a { font-weight: 400; margin: 0; padding: 0; display: inline; width: 100%; text-decoration: underline; }
.dashboard-detail .bottom-detail ul li a:hover { text-decoration: none; color: #000; }
.dashboard-detail .bottom-detail p { margin: 0; padding: 0; font-weight: 400; display: block; }
.dashboard-detail .wInvoice { border-bottom: 0 !important; }
.dashboard-detail .wInvoice li { width: 49.5% !important; margin-top: 5px; font-family: 'Lato', sans-serif !important; color: #000 !important; font-weight: 300 !important; }
.dashboard-detail .wInvoice li span { font-weight: 400 !important; }
.dashboard-detail .middleNavA { text-align: center; margin: 0 0 0 0; }
.dashboard-detail .middleNavA li { width: 16%; } 
.dashboard-detail .middleNavA li img{width:38px; height:38px } 
.dashboard-detail .widget { margin-bottom: 10px !important; }
.dashboard-detail .widget .whead { background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%); background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);  background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);  }
.dashboard-detail .widget .whead h6 { color: #fff; font-weight: 400; font-family: 'Lato', sans-serif !important; }
.regester-detail .save-bottom button { right:-25px; top:0;}
.regester-detail span img { position:relative; top:5px;}
.search-select div.selector{ width:160px !important; height:21.5px; }
/*-------------------------------footer------------------------------------------- */
footer { padding: 10px 0 0; }
footer .top-footer { padding-bottom: 0px; display: inline-block; width: 100%; }
footer .top-footer span { float:right !important;}
footer .top-footer span a { margin:0 3px;}
footer ul.left-warning { float: left; }
footer ul.left-warning li { list-style-position: inside; }
footer ul.right-warning { float: right; }
footer .bottom-footer { display: none; }
footer .bottom-footer { padding: 15px 0; }
/*footer .bottom-footer tr:first-child { background: -webkit-linear-gradient(top, #5ba5cb 0%,#3a70ab 100%) !important;background: -moz-linear-gradient(top, #5ba5cb 0%,#3a70ab 100%) !important;}*/
footer .bottom-footer thead td { background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%) !important; background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%) !important; background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%) !important; color: #fff; font-weight: bold; text-align: left; }
footer .bottom-footer thead th { background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%) !important; background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%) !important; background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%) !important; color: #fff; font-weight: bold; text-align: left; }

/*footer .bottom-footer tr td {  padding: 0 9px !important; }*/
footer .bottom-footer tr {background: #e7e5e5;}
footer .bottom-footer thead td { border-left: 1px solid #9c9b9b !important; }
footer .bottom-footer thead th { border-left: 1px solid #9c9b9b !important; }
.tDark thead th{padding:0 12px;}
footer .bottom-footer .eye-icon { text-align: center; }
footer .action-icons .glyph { color: #444; font-size: 16px; margin-left: 4px; text-align: center; text-decoration: none; }
footer .action-icons .edit-icon .glyph { float: left; color: #444; font-size: 14px; margin-left: 4px; }
footer .action-icons a { text-decoration: none; color: #fff; }
#fowd { display: none !important; }
.forgot-detail { }
.label-assign{width:14% !important}
#byproject{width:74%;margin-right: 6px;
           border: 1px solid #CCC;}
.filter-btn{float:right; 
            margin-right:3px !important;
            line-height:normal;
            /*margin-top:-3px !important;*/
            border-radius: 2px;
            background: #437FB4 !important;
            color: #FFF !important;
            height:23.5px;

            float: right;
            width: 23%;}
.forgot-detail .save-bottom button { bottom: 0px !important; }
.code-one{width:16% !important;}
.name-one{width:84% !important;}
/*div.selector select{padding:5px}*/
.fa-sort{float: right;
         font-size: 16px;
         color: hsl(0, 0%, 96%);}
/*--------------------------------FONTS-------------------------------------------*/
.fa-level-down,.fa-share-square-o{
    font-size: 18px !important;
    padding: 3px 0 0 0;
}
h6 .fa{
    padding:0 11px 0 11px;
}
h6 a .fa{
    padding:0 2px 0 0px !important;
}
/*--------------------------------My Team------------------------------------------- */
.date-create { width:9.3%;}
.initials {width:24%; overflow:hidden;}
.access {width:12.2%;}
.contact {width:30.05%;}
.designation {width:12.3%;}
.fixed { width:1170px !important;}


.alertify-button { box-shadow:none !important; margin-bottom:10px !important;}

/*-------------------------------DISCIPLINE---------------------*/
.add-deciplane{display:none}
#add-descipline{
    padding: 10px 0 0 10px;}
.table-subject .widget .whead h6 a .fa-plus-circle{margin-right:5px; }
.table-subject .widget .whead h6  img{width:20px; height:20px; vertical-align: middle; margin-left:7px }
.filter-select{border:0px !important; height:23.5px !important}
/*----------------------------UNIT PAGE---------------------------*/
.add-units{display:none}
#add-unit{display: inline;
          padding: 10px 0 0 10px;}
td{border-bottom: 0px !important}
/*--------------------------------Projects----------------------------------------*/
/*.tDark tbody tr td {min-width:75px !important}*/
.add-project{display:none}
.add-zero-btn{width:100%;margin-top:3px;}
.prj-table-datecreated{width:9%}
.prj-table-code{width:8%}
.prj-table-name{width:28%}
.prj-table-dates{width:19%}
.prj-table-vendour{width:18%}
.prj-table-currency{width:7%}
.prj-table-actions{width:11%;text-align: right !important}
#add-project{
    padding: 10px 0 0 10px;}
/*--------------------------------Clients-------------------------------*/
.add-client{display:none}
#add-clients{ padding: 10px 0 0 10px;}
.client-dcreation{width:9%}
.client-code{width:20%}
.client-name{width:22%}
.client-contact{width:21%}
.client-contact-add{width:19%}
.client-actions{width:9%;text-align: right !important}
.actions-head{text-align: right;}

/*--------------------------------Associates-------------------------------*/
.assoc-dcreated{width:9%}
.assoc-code{width:25%}
.assoc-contact-name{width:25%}
.assoc-contact-detail{width:17%}
.assoc-contact-add{width:15%}
.assoc-actions{width:9%;text-align: right !important}
.add-associate{display:none}


/*----------------------------------Consultants-----------------------------*/
.add-consultant{display:none}
.cons-dcreated{width:11%;}
.cons-name{width:19%;}
.cons-desg{width:22%;}
.cons-details{width:21%;}
.cons-add{width:18%;}
.cons-actions{width:9%; text-align: right !important}

/*--------------------------------ADDONS--------------------------------------*/
.add-addon{display:none}
.add-dcreated{width:18%}
.add-description{width:42%}
.add-percent{width:25%}
.add-actions{width:15%;text-align: right !important}
div.selector select{opacity:1 !important}

/*--------------------------------DOCTYPES--------------------------------------*/
.add-doctype{display:none}
.doctype-datecreated{width:15%}
.doctype-document{width:26%}
.doctype-abbr{width:28%}
.doctype-action{  width:12%}

/*--------------------------------RESSUBCAT---------------------------------------*/

.add-ressubcat{display:none}
.rs-datecreation{width:12% }
.re-cat{width:12% }
.rs-code{width:17% }
.rs-desc{width:22% }
.rs-actions{width:11% }

/*--------------------------------DOCNATURE---------------------------------------*/
.add-docnature{display:none}
.dn-datecreated{width:15%}
.dn-desc{width:40%}
.dn-abbr{width:33%}
.dn-actions{width:12%}

/*--------------------------------MasterFormat---------------------------------------*/


mf-date{ width:9% }
mf-id{ width:31%}
mf-type{ width:25%}
mf-name{width:27%}
mf-status{width:8%}
.field-full{width:86%}
.label-full{width: 13%}
.addmasterformat{display: none}

/*--------------------------------Resources---------------------------------------*/
.add-resources{display:none}
.r-datecreated{width:9% }
.r-code{width:20%}
.r-rate{width:13%}
.r-vendour{width:22%}
.r-actions{width:9%}




.add-rescat{display:none}
.rescat-datecreated{width:15%}
.rescat-code{width:35%}
.rescat-name{width:35%}
.rescat-action{width:15%}



/*--------------------------------Receipts---------------------------------------*/

.add-formpage{display:none}
.add-receipt{display:none}
.hint{font-size: 10px !important}
.rec-code{width:5%}
.rec-ref{width:8%}
.rec-rev{width:22%}
.rec-dates{width:13%}
.rec-desc{width:13%}
.rec-assigned{width:17%}
.rec-dates-refout{width:13%}
.rec-actions{width:9%}



/*--------------------------------INITIATE---------------------------------------*/
.add-initiate{display:none}
.ini-code{width:7% !important}
.ini-ref{width:8% !important}
.ini-dates{width:10% !important}
.ini-rev{width:21% !important}
.ini-disc{width:13% !important}
.ini-assigned{width:20% !important}
.ini-ref-out{width:13% !important}
.ini-actions{width:8% !important}

/*--------------------------------REVIEW---------------------------------------*/
.rev-code{width:5%}
.rev-id{width: 8%}
.rev-dates{width:13%}
.rev-sub{width: 22%}
.rev-dis{width: 13%}
.rev-asgn{width: 17%}
.rev-out{width: 13%}
.rev-action{width: 9%}

/*--------------------------------SUBMITTAL---------------------------------------*/
.sub-code{width:5%}
.sub-ref{
    width: 8%;}
.sub-dates{width:13%}
.sub-rev{width:22%}
.sub-discipline{width:13%} 
.sub-assigned{width: 17%} 
.sub-dt{width:13%}
.sub-action{min-height:84px; width:9%}
/*--------------------------------SUBMITTAL2---------------------------------------*/
.s2-res{width:10%}
.s2-ini{width:15%}
.s2-docs{width:15%}
.s2-sbm{width:15%}
.s2-sbm{width:15%}
.s2-sig{width:15%}
.s2-action{width:15%; text-align:right}
.s2-attachment{width:10%}
.s2-drec{width:7%}




/*-------------------------------FIXME TABLE------------------------------*/

.fixed{
    top:0;
    position:fixed;
    width:92.6%;
    display:none;
    border:none;
}
.tDark tbody td{word-wrap: break-word}
.sort-icon .fa{margin-top: 20px;margin-right:3px;}
/*--------------------------------     ------------------------------------------- */
td {white-space: normal}
.alertify-dialog { }
.alertify-dialog nav { background: none !important; text-align:center; }
nav.alertify-buttons { border-bottom:0px none !important;}
.add-notes-dropdown{height: 20px;width: 75px;color: hsl(0, 0%, 52%);font-size: 11px;padding:0px 0 1px 2px; margin-bottom:7px;}
.left-float{float:left;}
.search-select-select{float:left; margin-left:7px;}
.search-select-input{float:left}
.search-select-input input{margin-top:0px !important}
.search-select-label{position:relative; float:left; padding-right:6px;}
#savenote{
    height:18px;
    margin-bottom: 7px;
}
.disciplane-name{width:35%}
.disciplane-code{width:15%}
.table-actions{width:12%}
.disciplane-datecreated{width:15%;}
.unit-description{width:35%}
.unit-abbreviation{width:20%}
/*-------------------------------------------------------   */////////////////////////////
.label-assign{width:14% !important}
.field-assign{width:19%}
.field-assign select{width:100%}
.add-assign{display:none}

.assign-list{width:23% !important}
.assign-issue{width:32% !important}
.assign-dated{width:15% !important}
.assign-id{width:9% !important}
.assign-code{width:12% !important}
.assign-action{width:9% !important}





.pi-phases{width:30%}
.pi-docs{width:40%}
.pi-actions{width:30%}
/*--------------------------CONSOLIDATE----------------------------------*/
.cn-code{width:7%} 
.cn-ref{width:8%} 
.cn-dates{width:10%}
.cn-rev{width:22%}
.cn-discipline{width:14%} 
.cn-assigned{width:18%} 
.cn-refout{width:12%} 
.cn-actions{width:9%}

/*------------------------------------- IE -------------------------------*/

.content .tDark thead td{background-color:#3A70AB\9 !important}
.tDark thead td{background-color:#3A70AB\9 !important}
header {background-color:#3A70AB\9 !important}
nav.navbar-default{background-color:#5BA5CB\9}
.dropdown-menu{background-color:#3A70AB\9 !important}
.dropdown-menu li{background-color:#3A70AB\9 !important}

.dropdown-menu>li>a { color: #fff; background-image : none !important; border: 0px none !important; font-size: 14px; }
.dropdown-menu { box-shadow : none; background:#3a70ab\9 !important; -webkit-transition: all 0.2s linear; }
.dropdown a{filter:none !important}

.dashboard-detail .widget .whead{background-color:#3A70AB\9 !important}
.take-project{background-color:#3A70AB\9 !important}
/**************************************************************************************/
.dropdown-menu li a img{/*vertical-align: middle;*/ height:11px; width:18px}
.field-icon-img{height:21px; vertical-align: middle}
.field-with-icon{width:89%}
.field-with-curr{width:82% !important}
.field-font{padding:0px}
.pi-label{float: left;}
.pi-field{float: left;}
.upload-select{width: 12%; float: left;}
.upload-browser{float: left;}
/*---------------------------------Doc Comments 2 ------------------------------------*/
 .r-comments{float:left; width:100%;   background: #f2f2f2;margin-top:10px}
    .r-comments-left{float:left;width:70%}
    .r-comments-right{float:left;width:30%}
    .r-comm-body{padding-top: 10px;padding-bottom:10px}
    .r-comments-left .r-comm-body{padding-right:10px; padding-left:10px}
     .r-comments-right .r-comm-body{padding-left:10px; padding-right:10px}
    .r-comm-heading.whead {
  font-size: 14px;
  padding: 6px;
  color: black;
  font-weight: bold;
}
.r-comments-left{min-height:1px;}
.r-comm-checkbox{width:45%; float:left}
.formRow-Outer{ border-radius: 6px;
  border: 3px solid #e8e8e8;
  margin: 5px 5px 10px 5px;
  background: #f4f4f4;}
.docdetail-attachments{padding-left:11px !important; padding-top:5px;}
/*-------------------------------CONSOLIDATE2 ------------------------------------------------*/
.cos2-rc{width:80%}

.cos2-rem{width:20%}
/*--------------------------------- DocDetail ----------------------------------------------*/

.con2-detail, .cond2-detail{width:28%}
.con2-comm{width:72%}
.cond2-draft{width:40%}
.cond2-tags{width:32%}
.condoc2-checked, .condoc2-rchecked, .condoc2-appr ,.condoc2-signed {width:25%}
.reviews{width:100%;position:relative}
.heading-detail{width:15%; }
.heading-review{width:85%; }
.rev-table{width:100%; position:relative}
.rev-table-left{width:20%; float:left;position:relative;}
.rev-table-right{width:80%; float:left;position:relative;}
.inner-heading{font-weight:bold}
.rthead{    
    color: #FFF !important;

    background: #3a70ab !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #3a70ab 0%, #5ba5cb 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a70ab), color-stop(100%,#5ba5cb)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3a70ab 0%,#5ba5cb 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3a70ab 0%,#5ba5cb 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3a70ab 0%,#5ba5cb 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #3a70ab 0%,#5ba5cb 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a70ab', endColorstr='#5ba5cb',GradientType=0 ) !important; /* IE6-9 */}
.heading-dprepared{ width:55%;}
.dkwords{ width:30%;}
.body-field{color:#5F5F5F}
.rthead div{
    float:left;  font-size: 13px;
    font-weight: bold;
    position:relative;
    padding: 4px;
    color: #FFF;

}
.rev-table div{float:left;  font-size: 12px;
               font-weight: bold;
               position:relative;
               padding: 4px;
               color: #5F5F5F;}
.checked-by{width:25%;}
.rechecked-by{width:25%;}
.approved-by{width:25%;}
.signed-by{width:25%;}

.reminder #fileField{
    width:190px;
    float:left;
}
.middleNavA{ width:97%; margin:0 auto !important}
.select-width{ width: 100%}
.half-width{width: 9.7%;}
.half-width-2{width: 9.7%;}
.span-width { float: left; padding-right: 14px; }
#regtype{width: 100% !important;}
.loginWrapper{position: relative !important; right:0px !important; text-align: center; width: 100% !important;}
/*--------------------------------calender------------------------------------------- */
.datepick-month-header{background:#337AB7;}
.datepick-nav{ background: #337AB7;}
a.datepick-cmd{height: 2.5em;}
.datepick-ctrl{background-color: #337AB7;}
.datepick-month thead span{background-color: #337AB7; height:-9px !important;}
select .datepick-month-year {background-color:#337AB7;} 
.datepick-month-header select, .datepick-month-header input {height:-0.6em; width: 73px; background:#337AB7;} 
// .datepick-month th, .datepick-month th a{ width: 12% !important;}
// .datepick-month h, .datepick-month td{width: 14.2% !important; float:left;}
// .fixed{width:100% !important;}
.select-width-2{width: 267% !important;}
//.search-input{width:92% !important;}
#replyrefno{width: 92% !important; padding-top: 13px;}
.fa { padding-right: 4px !important;}
.fixed{width: 92.5% !important;}
.loginWrapper { height: 178px }
.log-panel{text-align: center}
th {font-weight: bold ! important; font-size: 12px !important}
.widget .tOptions{top: -34px !important}
.loginWrapper form {position: relative !important;}
.tDark tbody tr:nth-child(2n){background:none repeat scroll 0% 0% #E7E5E5}
.whead a {
    margin-right: 12px;
}
.mentosicon.fa-bell{
    font-size:43px;
    color:#5ba5cb ;
}

.docdetail-label{width:16% !important; color:#585858}
.docdetail-field{width: 17.333% !important;
padding-top: 5px;}
.glyph img{width:20px; height:20px}

.delete-btn{
      background-image: url('../../images/deleteicon2.png');
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-color: transparent;
}

#active_descipline_table_filter{text-align:right}
.widget .tOptions{right:5px !important}
/*--------------------------------Search------------------------------------------- */
/*.search-document { display: none; }
.search-document { display: none; }
.search-reivew { display: none; }
.search-doctrial { display: none; }*/
/*--------------------------------Media Quries------------------------------------------- */



    .fixed{width: 86.8% !important}
    .adjust-position{right:74px !important}

@media all and (-ms-high-contrast:none)
{
    *::-ms-backdrop, .fixed{width: 85.6% !important}
    *::-ms-backdrop, .dataTables_wrapper .dataTables_filter input{padding:0 8px;}
}
@media (min-width:1920px) {
    .fixed{width: 60.9% ! important}
    .adjust-position {
    right: 377px !important;
}

}
@media (max-width:1299px) and (min-width:1025px){
    .fixed{ width: 91.4% !important}
    .adjust-position{right:54px !important}
}
@media (max-width:1200px) {
    .adjust-position {
    right: 0px !important;
    top: 11px !important;
}
    .fixed { width:970px !important;}

    .disciplane-name { width:67.7%;}

}
@media (max-width:1100px) {
    .regester-detail span img { margin-right:0;}
}
@media (max-width:1050px) and (min-width:993px){
    .fixed{width: 94.5% !important;}
}
@media (min-width:769px) {
    .dropdown:hover .dropdown-menu { display: block; color: #fff; }
}
@media (min-width:481px) and (max-width:800px){
    .sub-discipline,.sub-dates{display:none}

}
@media (min-width:768px) and (max-width: 800px) {


    .head-access {
        width: 13%;
    }
    head-contact {
        width: 26%;
    }
    head-design {
        width: 15%;
    }
    //.date-create { width: 9.3%;}
    .label-assign{width:14% !important}
    .fixed{ /*width: 100% !important;*/ }
    // .rec-desc{display: none;}
    .fixed{width: 92.5% !important;}


}
@media (max-width:980px) and (min-width:801px){
    .fixed{width: 99% !important;}
}

@media (max-width:992px) and (min-width:981px){
    /*.fixed { z-index:11; width:100% !important;position:fixed !important; display:none}*/
    footer ul { padding: 0 15px; }
    footer ul.left-warning { float: none; }
    footer ul.right-warning { float: none; }
    footer ul { display: block; }
    footer ul span { display: none; }
    .middleNavA li { width: 28%; }
    .fixed { width:93.5% !important;}
    .dataTables_length { width:32% !important;}
    .team-label{width:15%}
    .team-field{width:18.33%}
    .d-label{width:18% !important}
    .d-field{width:82% !important}
    .field-assign{width:13%; padding:0px !important}
    .label-assign{width:20% !important;font-size:11px;}
    .addon-label, .res-lab{width:20% !important; height:30px;}
    .addon-field,.res-inp{width:80% !important; height:30px;}
    .code-one{width:23% !important; height:30px;}
    .name-one{width:77% !important; height:30px;}
    #active-ressubcat, #active-doctypes, #active-rescat {max-width:40%}
    #active-docnature{max-width:72%}
    .fixed{width: 97.5% !important;}
}


@media (max-width:800px) and (min-width: 769px){
    /*.fixed { z-index:11; width:100% !important;position:fixed !important; display:none}*/  
    /*.tDark{display:block;}*/
    .fixed{ width: 99.8% !important;}
    .head-access {
        width: 14%;
    }
    .head-contact {
        width: 26%;
    }
    .head-designation {
        width: 15%;
    }
}

@media (max-width:768px) {
    .sent-class{width: 19%}
    .search-icon{float: right; margin-top: 9px;}
    .dashboard-detail .middleNavA li{width:25%}
    .dashboard-detail .bottom-detail ul li{word-break:break-all}
    .loginWrapper{position: relative !important; right: 0 !important;}
    .fixed { z-index:11; width:97.5% !important;position:fixed !important; display:none}
    .navbar-toggle { padding-right: 0 !important; }
    header { padding: 8px 0; }
    header .logo { float: none !important; text-align: center; }
    header .header-right { float: none; text-align: center; width: 100%; }
    nav.navbar-default .navbar-nav > li > a { text-align: center; }
    .content .widget { margin-top: 0 !important; }
    div.selector { max-width: 100% !important; }
    .take-project { padding: 10px 0; height: auto; }
    .take-project span { font-size: 36px; display: inline-block; text-align: center; }
    .social-icon { float: none !important; text-align: center; margin: 15px 0 0; }
    .content .save-bottom { display: block !important; }
    .content .save-top { display: none !important; }
    .divider { margin-bottom: 10px !important; }
    /*.content .tDark tbody tr:nth-child(2n) { display:none !important;}
    .content .tDark tbody tr:nth-child(3n) { display:none !important;}
    */.main-content .widget { margin-bottom: 15px; }
    .regester-detail .formRow .col-sm-1-8{ width:100% !important; text-align:left;}

    .regester-detail .formRow .col-sm-2-2 { width:100% !important; padding-right:0;}
    .dataTables_length { width:26% !important;}
    .dataTables_length div.selector { width:38% !important;}
    .ini-ref{display:none}
}
@media (max-width:540px) {
    /*.content .tDark tbody tr:nth-child(2n) { display:none !important;}
    .content .tDark tbody tr:nth-child(3n) { display:none !important;}*/
    .fixed { z-index:11; width:100% !important;position:fixed !important; display:none}
    .tDark tbody td { padding: 9px 5px !important; font-size: 10px; }
    .tDark thead td { padding: 9px 5px !important; font-size: 10px; }
    footer .bottom-footer { width: 100% !important; }
    footer .bottom-footer .tDark tbody tr { width: 100% !important; text-align: center; }
    footer .top-footer { text-align: center; }
    .content .table-subject .whead a { display: block; text-align: center; padding: 5px 0 !important; outline: none !important; }
    .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { padding:4px 5px !important;}

}
@media (max-width:480px) {
  
     .fixedHeader{width:100% !important}
     th .whead{height:70px}
     th .whead h6 b{float:left}
     th .whead h6 span a {margin:-3px 0px 0px 11px !important}
     .content .dataTables_info {
    padding-right: 7px;
    float: right;
    height: 71px;
     width:97%;}
     #active_descipline_table_length { position: absolute; bottom: 39px; right: 67px;}
     #active_units_table_length label, #active_descipline_table_length label, my_team_table_length label{width:97%}
    .search-docsub { width: 38%; }
    .search-repsub { width: 36%; }
    .search-view { width: 26%; }
    tbody .search-docsub{ min-height: 150px !important}
    tbody .search-repsub {min-height: 150px !important}
    tbody .search-view {min-height: 150px !important}
    .search-document { display: none; }
    .search-document { display: none; }
    .search-reivew { display: none; }
    .search-doctrial { display: none; }
    .col-sm-1-8{ clear:both }
    .select-width-2{ width: 100% !important }
    .whead{min-height:30px}
    #active_units_table_paginate, #active_descipline_table_paginate, #my_team_table_paginate{width:100%}
    #active_units_table_length, #active_descipline_table_length, #my_team_table_length{width:48% !important; text-align: left;}
    #active_units_table_length label, #active_descipline_table_length label,my_team_table_length label{width:78%}
    #active_descipline_table_info,#active_units_table_info,  #my_team_table_info{width:44% !important;}
    .showentries{width:68% !important}
    .dataTables_length select{width:33px !important}
    .whead a {
        /*margin-right: -60px;*/
    }
    #add-discipline{float:left; margin: 5px 0px 0px 11px}
    .hidden-entry{text-align:left !important}
    table.dataTable thead th{
        float:left;
        padding-left:2px !important;

    }
    table thead th{font-size:11px !important }
    .dataTables_filter {top: 0 !important;}
    .unit-description { width: 27% !important; }
    .unit-abbreviation { width: 38% !important; }
    #add-member{display: inline-block;}
    .fa.fa-plus-circle{margin-right: 7px;}
    span{line-height: 22px !important;}
    .dataTables_filter{margin: 37px 0 !important;}
    .disciplane-name{width: 27% !important}
    .disciplane-code {width: 38% !important}
    tbody .actions{ min-height: 81px !important;}
    table.dataTable {width: 100% !important}
    .fixed{width: 100% !important;}
    .log-panel{width: 77% ! important; margin: 0 auto;}
    .loginWrapper{position: relative !important; right: 0px !important;}
    .loginWrapper form {display: block; margin: 0 auto; width: 100% !important;}
    .top-logo img { width: 100% !important }
    .hidden-entry{width: 59% !important;}
    .line-height{line-height: 2% !important;}
    .widget .tOptions{position: static !important;}
    .search-select-input > input{width:127px !important}
    .fixed { z-index:11; width:100% !important;position:fixed !important; display:none}
    .take-project span { font-size: 22px; display: inline-block; text-align: center; }
    .tDark thead { float: none; width: 100%; }
    .initials { width:65% !important; float:left;}
    .actions { width:35% !important; float:right;}
    .access { display: none !important; }
    .contact { display: none !important; }
    .designation { display: none !important; }
    .date-create { display: none !important; }
    /*#active-member td { float: left !important; width: 50% !important; }*/
    /*#hidden-entry td { float: left !important; width: 50% !important; }*/
    /*.tDark { display: inline-block !important; }*/
    .tDark tbody { display: inline-block  !important; width:100%}
    .tDark tbody tr { width: 100% !important; display: inherit !important; float: right; }
    tbody .rec-ref{min-height: 180px !important;}
    tbody .rec-dates{min-height: 203px !important;}
    tbody .rec-assigned{min-height: 203px !important;}
    tbody .rec-dates-refout{min-height: 203px !important;}
    tbody .rec-actions{min-height: 203px !important;}
    tbody .ini-ref{min-height: 203px !important;}
    tbody .ini-rev{min-height: 203px !important;}
    tbody .ini-actions{min-height: 203px !important;}
    tbody .assign-dated{min-height: 150px !important;}
    tbody .assign-issue{min-height: 150px !important;}
    tbody .assign-action{min-height: 150px !important;}
    tbody .rev-dis{min-height: 150px !important;}
    tbody .rev-action{min-height: 150px !important;}
    tbody .cn-rev{min-height: 240px !important;}
    tbody .cn-discipline{min-height: 240px !important;}
    tbody .cn-actions{min-height: 240px !important;}
    tbody .sub-rev{min-height: 150px !important;}
    tbody .sub-dt{min-height: 150px !important;}
    tbody .sub-action{min-height: 150px !important;}
    tbody .disciplane-code{min-height: 150px !important;}
    tbody .table-actions{min-height: 150px !important;}
    tbody .sub-action{min-height: 150px !important;}
    tbody .unit-abbreviation{min-height: 150px !important;}
    tbody .prj-table-name{min-height: 150px !important;}
    tbody .prj-table-vendour{min-height: 150px !important;}
    tbody .prj-table-actions{min-height: 150px !important;}
    tbody .client-name{min-height: 203px !important;}
    tbody .client-contact{min-height: 203px !important;}
    tbody .client-actions{min-height: 203px !important;}
    tbody .assoc-contact-name{min-height: 286px !important;}
    tbody .assoc-contact-detail{min-height: 286px !important;}
    tbody .assoc-actions{min-height: 286px !important;}
    tbody .cons-desg{min-height: 230px !important;}
    tbody .cons-details{min-height: 230px !important;}
    tbody .cons-actions{min-height: 230px !important;}
    tbody .add-percent{min-height: 150px !important;}
    tbody .add-actions{min-height: 150px !important;}
    tbody .dn-abbr{min-height: 150px !important;}
    tbody .dn-actions{min-height: 150px !important;}
    tbody .rs-desc{min-height: 100px !important;}
    tbody .rs-actions{min-height: 100px !important;}
    tbody .doctype-abbr{min-height: 100px !important;}
    tbody .doctype-action{min-height: 100px !important;}
    tbody .r-rate{min-height: 487px !important;}
    tbody .r-vendour{min-height: 487px !important;}
    tbody .r-actions{min-height: 487px !important;}


    .datepick-month th, .datepick-month th a{ width: 12% !important;}
    .datepick-month th, .datepick-month td{width: 14.26% !important; float:left;}
    .datepick-month-header, .datepick-month-header select, .datepick-month-header input { height: 2.0em !important;}





    #hidden-entry tbody { width: 100% !important; display: inherit !important; float: right; background: url("../images/backgrounds/body.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) }
    #hidden-entry tbody tr { background: url("../images/backgrounds/body.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) }
    .dashboard-detail .middleNavA li { width: 40% !important; }
    .regester-detail .formRow {}
    .regester-detail .formRow .col-sm-1-8{ width:100% !important; text-align:left;}
    .regester-detail .formRow .col-sm-2-2 { width:100% !important; padding-right:0;} 
    .search-select div.selector { width:110px !important;}
    /*.bottom-footer .action-icons { height:46px;}*/
    .dataTables_length div.selector { width:100% !important;}
    .dataTables_length { width:47% !important;}
    .blue-ribon { margin-top:40px;}
    .fa { padding-right:0 !important;}
    footer .top-footer span { display:block !important; width:100% !important;}
    .disciplane-name { width:35%; float:left; overflow:hidden;}
    .disciplane-code { width:30%; float:left; overflow:hidden;}

    .disciplane-datecreated{display:none !important}
    .table-actions{width:35%!important}
    //.unit-description{width:35% !important}
    // .unit-abbreviation{width:30% !important}

    /*thead tr .prj-table-vendour{line-height: 14.7px;}*/
    .prj-table-datecreated{display: none !important}
    .prj-table-currency{display:none !important}
    .prj-table-dates{display:none !important}
    .prj-table-code{width:25% !important}
    .prj-table-name{width:25% !important}
    .prj-table-vendour{width:25% !important; font-size:9px !important}
    .prj-table-actions{ width:25% !important}


    .client-dcreation{display: none !important}
    .client-contact-add{display: none !important}
    .client-code{width:25%;}
    .client-name{width:36%}
    .client-contact{width:22%}
    .client-actions{width:17%;}
    .content .table-subject .tDark tbody td{border-right: 0px !important}

    .content .table-subject .tDark tbody td{padding:0 3px !important}
    .assoc-code{width:32%;font-size:9px !important}
    .assoc-contact-name{width:35%}
    .assoc-contact-detail{width:16%}
    .assoc-actions{width:17%}

    .assoc-dcreated{display:none}
    .assoc-contact-add{display:none}

    .cons-dcreated{display:none;}
    .cons-add{display:none}
    .cons-name{width:35%}
    .cons-desg{width:34%}
    .cons-details { width: 17%;}
    .cons-actions{width:14%}

    .add-dcreated{display:none}
    .add-description{width:35% !important}
    .add-percent{width:43% !important}
    .add-actions{width:22% !important}

    .doctype-datecreated{display:none}
    .doctype-action{width:27%}
    .s2-res{display:none !important}
    .s2-drec{display:none}
.s2-ini{width:25% !important}
.s2-docs{width:25% !important}
.s2-sbm{display:none !important}
.s2-sig{width:25% !important}
.s2-action{width:25%; text-align:right}
.s2-attachment{width:25%} 
    td{float:left}
    th{float:left}
#active_descipline_table_filter{margin-top:37px !important}
    .content .table-subject .whead a{margin-left:10px}
    .dataTables_length{float:left !important; width:53% !important}
    .doctype-document{width:43%}
    .doctype-abbr{width:30%}
    .hideform-btn{display:none}
    /*#add-descipline{float:left}*/
    #add-unit,#add-clients,#add-project,#add-member,#add-descipline {text-align:left;padding-top:0px !important; float: left; margin: -3px 0px 0px 11px;}

    .prj-table-vendour{font-size: 8px !important}
    .col-sm-2-2{width:100% !important}
    .showentries{width:34%; margin:0px !important; line-height:15px;}
    .dataTables_length div.selector{width:54% !important}


    .rs-datecreation,.rs-code{display:none}
    .rs-desc{width:48%}
    .rs-actions{width:27%}
    .rs-cat{width:25%}
    .rs-notes{display:none}
    .code-one{width:100% !important}


    .dn-datecreated{display:none}
    .dn-desc{width:38%}
    .dn-abbr{width:34%}
    .dn-actions{width:28%}
    /*.tDark{display:none}*/


    .r-datecreated{display:none}
    .r-code{width:43% !important}

    .r-actions{width:18% !important}
    .r-rate{width:21% !important}
    .r-vendour{width:18%}
    .res-lab{width:100% !important}
    .res-inp{width:100% !important}


    .rescat-datecreated{display:none}
    .rescat-code{width:36%}
    .rescat-name{width:40%}
    .rescat-action{width:24%} 

    .rec-code{display:none}
    .rec-desc{display:none}
    .rec-rev{display:none}

    .hint{display:none}
    .rec-ref{width:24%}
    .rec-dates{display:none}
    .rec-assigned{width:33%}
    .rec-dates-refout{width:28%}
    .rec-actions{width:15%; }
    .filter-select{width:286px !important; border:0px !important}
    .filter-btn{
        float:right; 
        width:22%; font-size: 10px !important;
        margin-right:3px !important;
        line-height:normal;
        /*margin-top:-3px !important;*/
        border-radius: 2px;
        background: #437FB4;
        color: #FFF;
        height:23.5px;

        float: right;
        width: 23%;
    }


    .ini-code{width:20%; min-height:1px;}
    .ini-dates{display:none}
    .ini-rev{width:52%}
    .ini-disc{display:none}
    .ini-assigned{display:none}
    .ini-ref{display:none;}

    .ini-ref-out{display:none}
    .ini-actions{width:28%}

    .selector.search-select-select.filter-select{margin-right: 13px;
                                                 width: 115px !important;}
    #byproject{width:74%}
    .filter-btn{float:right;}

    .label-assign{width:100% !important}
    .field-assign{width:100%}
    .field-assign select{width:100%}

    .assign-list{display:none}
    .assign-issue{width:48%}
    .assign-dated{width:20%}
    .assign-id{width:15%}
    .assign-code{display:none}
    .assign-action{width:17%}
    .label-full{width:100%}
    .mf-date{display: none;}
    .md-id{width:27%}
    .mf-name{width: 27%}
    .mf-type{width: 27%}
    .mf-status{width: 19%}
    .pi-label{width:54% !important; float:left; height:30px}
    .pi-field{width:27% !important; float:left;height:30px}
    thead .pi-phases{width:30%; border-bottom:0px; min-height: 85px }
    thead  .pi-docs{width:40%;min-height: 86px}
    thead .pi-actions{width:30%;border-bottom:0px;min-height: 85px}
    tbody td{min-height:1px}

    .cn-code{display:none} 
    .cn-ref{width:22%} 
    .cn-dates{display:none}
    .cn-rev{width:50%}
    .cn-discipline{display:none} 
    .cn-assigned{display:none} 
    .cn-refout{display:none} 
    .cn-actions{width:28%; }
    .rev-code{display:none}
    .rev-id{display: none}
    .rev-dates{display: none}
    .rev-asgn{display: none}
    .rev-out{display: none}
    .rev-sub{width:45%}
    .rev-dis{width:40%}
    .rev-action{width: 15%; }

    .navbar-nav .open .dropdown-menu{text-align:center !important}
    .dropdown-menu li a {height:25px}
    .dropdown-menu li a i{margin-right:8px;}
    .field-with-icon{width:92%}
    .field-with-curr{width:86% !important}

    .sub-assigned, .sub-discipline, .sub-code, .sub-dates{display:none}
    .sub-action{width:23%; min-height: 1px;}
    .sub-dt{width:29%}
    .sub-rev{width:48%}
    .sub-ref{display:none}
    .col-sm-1-8{width:100% !important}
    #active-ressubcat, #active-doctypes, #active-rescat {max-width:100%}


    .docdetail-label {
        float: left;
        height: auto !important;
        width: 40% !important;
    }
    .tDark thead tr th{border-bottom: 0px !important}
    .savetickbtn{float:right; margin:6px}
    .formRow.rev-table span{font-size:11px}
    .formRow.rev-table div{font-size:10px}
    .formRow.rev-table{padding:0px !important}
    .formRow.rthead{padding:0px !important}
    .docdetail-label label{padding-left:10px}
    .docdetail-field {
        float: left;
        height: auto !important;
        padding-left:20px !important;
    }
    .col-sm-2-2 {
        float: left;
        height: 40px;
        width: 60%;
    }
    .heading-detail {
        width: 32%;
    }
    .heading-review {
        width: 68%;
    }
    .heading-dprepared {
        width: 46%;
    }
    .dkwords {
        width: 22%;
    }

    .logControl input[type=submit]{
        width:238px !important;
    }
    .heading-rev-text{
        padding:0 0 0 31px;
    }
     .fRow:nth-child(2n){background:#f4f4f4;}
    .fRow:nth-child(2n):hover{background:#f4f4f4 !important;}
    .fRow:hover{background:#f4f4f4 !important;color:gray !important; 

    }
    .docdetail-label, .docdetail-field{width:100% !important; padding:0px !important; margin:2px 0 !important}
    .r-comments-left, .r-comments-right{width:100%}
    .r-comm-body{padding-left:10px}
    
    .cos2-rc{width:60%}

.cos2-rem{width:40%; min-height: 60px}
/// submittal2

.docdetail-field, .docdetail-halfwidth{padding:0px !important; margin:2px 0 !important;}
  

    .con2-detail{width:50% }
    .con2-comm{width:50% }
    th.con2-detail, th.con2-comm, .cond2-detail, .cond2-draft, .cond2-tags{min-height:60px}
    .condoc2-checked, .condoc2-rchecked, .condoc2-appr ,.condoc2-signed {min-height:60px}
    .condoc2-checked{width:22%}
    ///
}




















.c-input{width:20%}
 .ct-input{ width: 55% !important;
  padding: 0 8px !important;
  height: 28px;
  border: 1px solid #c4c4c4;}

//// 
    .fRow:nth-child(2n){background:#F0F0F0;}
    .fRow:nth-child(2n):hover{background:#F0F0F0 ;}
    .fRow:hover{background:#F0F0F0 ;
/*    -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);*/
    }
    .docdetail-halfwidth{width:50.6%; padding-top:4px;}
    .docdetail-attachments{width:82%; padding-left:10px; padding-top:5px}
    .docdetail-label {
  border: 1px solid rgba(128, 128, 128, 0.2);
  border-radius: 3px;
  background: #f2f2f2;
}

@media (min-width:481px){
.docdetail-field, .docdetail-halfwidth{padding-left:10px !important}
}
.profile-data .body .bottom-detail ul li {
    padding: 5px;
    background: #F1F1DD;
    border-radius: 5px;
}
.profile-data .body .bottom-detail ul li span .fa{
    float:right
}
.left-workflow .body ul li h3{font-size:34px !important;}
input{text-align: left !important}
.filter-btn{text-align:center !important}

/*Adeel's CSS*/
#add-member {
    display: inline;
    padding: 10px 0px 0px 10px;
}
.dataTables_wrapper .container{
    padding-left: 0px;
    padding-right: 2px;
}
.tableFooter {
    padding: 0px 12px 0px 12px;
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */

}

.dataTable thead tr th,.tDark thead tr th{
    padding-right: 2px !important;
    color: #FFF !important;

    background: #3a70ab !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #3a70ab 0%, #5ba5cb 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a70ab), color-stop(100%,#5ba5cb)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3a70ab 0%,#5ba5cb 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3a70ab 0%,#5ba5cb 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3a70ab 0%,#5ba5cb 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #3a70ab 0%,#5ba5cb 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a70ab', endColorstr='#5ba5cb',GradientType=0 ) !important; /* IE6-9 */

}

.dataTables_length select{
    width: 100px;
    background: none repeat scroll 0% 0% rgb(247, 247, 247);
    color: rgb(99, 99, 99);
    border: 1px solid rgb(210, 210, 210);
    height: 24px;
    margin-top: 2px;
}
.dataTables_filter input{
    background: none repeat scroll 0% 0% rgb(247, 247, 247);
    border: 1px solid rgb(215, 215, 215);
    color: black !important;
    height:28px !important;
    margin-right:4px;
}

.logControl input[type=submit]{
    width:100%;
    float:none !important;
    text-align:center !important;
}
.action-icons .fa{float:left}
.fa.fa-pencil.disable {
  color: #393939 !important;
}
.half-width-2-2{width:10.6%}
.fa.fa-paperclip{float:none !important}

tbody tr {background:white !important}
tbody tr:hover{background:#f0f0f0 !important}
#fileField{float:left}
.flist {
  float: left;
  padding: 9px;
}
.save-btn{
      background: #3a70ab;
  color: white;
  padding: 2px 10px;
  border-radius: 3px;
  /* float: right; */
  background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  padding: 3px 10px;
  background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
}
.filesList{width:100%; float:left}
.fixed{z-index: 2}
#progressbox{float:left}
#output{  text-align: left;
  margin-left: 6px;}
/*#filesList{  padding: 0 0 0 11px;}*/
.filelistOuter{ float: left;
  width: 97%;
  background: #f4f4f4;
  border: 1px solid #e8e8e8;
  padding: 14px;
  margin-top: 8px;}

.choose_file{
    position:relative;
    display:inline-block;    
	border-radius:8px;
    /*border:#ebebeb solid 1px;*/
    width:150; 
    padding: 4px 6px 4px 8px;
    font: normal 14px Myriad Pro, Verdana, Geneva, sans-serif;
    color: #7f7f7f;
    margin-top: 2px;
    
	/*background:white*/
}
.choose_file img{  width: 113px;
  height: 40px;}
.choose_file #submit-btn{    position: absolute;margin-top: 17px;}
.choose_file input[type="file"]{
    -webkit-appearance:none; 
    position:absolute;
    top:0; left:0;
    opacity:0; 
      height: 40px;
  width: 110px;
}

.bootstrap-filestyle.input-group{width: 65% !important }
.bootstrap-filestyle.input-group input{width: 58%;float: right;border-left: 0px !important;border-radius: 0 5px 5px 0 !important;}
.group-span-filestyle.input-group-btn{width: 42%;float: left;border-radius: 5px 0 0 5px !important;border: 0px !important;}
.btn.btn-primary{border-radius: 5px 0 0 5px !important;margin-left:0px !important} 
.a1.filestyle{width:150px !important}
///---