/*=====================================================================
Universal Styles
=====================================================================*/
body {font-family:'Lato',sans-serif; color:#000;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 8px; background-color: #F5F5F5; }
::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb { border-radius: 8px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #D62929;}
.container-100, .row-100 { height:100%; }
.flex-row, .flex-row > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex:0 auto; height:100%; }
.flex-col { display: flex; display: -webkit-flex; flex: 1; flex-flow: column nowrap; }
.flex-grow { -webkit-flex: 2; flex: 2; }
.dataTables_wrapper { width: 100%; }
tr.green { background: #F1F8E9 !important; }
tr.green.selected { background-color: #08C !important; }
th, td {vertical-align: middle !important;}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {top: auto;}
.margin-right-5 { margin-right: 5px; }
.margin-top-15 {margin-top: 15px;}
.control-label { margin-bottom: 5px !important; }
.tab-pane { max-height: 290px; overflow: auto; padding-right: 10px; overflow-y: scroll; overflow-x: hidden; margin-top: 20px; }
.no-resize {resize: none;} 
.height-100 {height: 100px !important;}
.DottedBlockHolder { border: 1px dashed #ccc; height: 280px; margin: 10px 0 0; background: #fafafa;}
.padding-10 {padding: 10px;}
.multi-action-select { width: 140px !important; }
input.square-checkbox { display: block; margin: 0 auto; }
.dt-buttons {float: left; margin-top: -4px; }
dl.dl-horizontal > * { line-height: 2; text-align: justify; }
.select-checkbox {width: 40px; padding: 0 !important;} 
.no-padding {padding: 0 !important;}
.section-header {font-size: 18px; border-bottom: 3px double #ccc; padding-bottom: 3px;}
p[class=text-right] i.glyphicon { margin-right: 5px; }
.dl-bordered { margin-bottom: 0;}
.dl-bordered > * { border-bottom: 1px dotted #ccc; line-height: 2.5 !important; }
i.user-icon { font-size: 40px; padding: 20px; background: #ccc; border-radius: 50%; margin-bottom: 10px; }
.contact-holder {height: 265px;}
div#ClientTable_length { float: left; margin-right: 15px;}
div.dataTables_wrapper div.dataTables_length select { height: 34px; margin: -4px 2px; box-shadow: none; width: 65px;}
table.first-row-bold tr:first-child, .bold {font-weight: 700;}
@media (min-width: 992px) {
    .modal-lg { width: 1200px; }
}
/*=====================================================================
Login Page
=====================================================================*/
.login-container{margin:120px auto 0;width:640px}
.login{position:relative;margin:0 auto;padding:20px;width:350px;background:white;border-radius:3px;-webkit-box-shadow:0 0 200px rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.3);box-shadow:0 0 200px rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.3)}
.login:before{content:'';position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;background:rgba(0,0,0,0.08);border-radius:4px}
.login h1{margin:-20px -20px 21px;line-height:40px;font-size:15px;font-weight:bold;color:#555;text-align:center;text-shadow:0 1px white;background:#f3f3f3;border-bottom:1px solid #cfcfcf;border-radius:3px 3px 0 0;background-image:-webkit-linear-gradient(top,whiteffd,#eef2f5);background-image:-moz-linear-gradient(top,whiteffd,#eef2f5);background-image:-o-linear-gradient(top,whiteffd,#eef2f5);background-image:linear-gradient(to bottom,whiteffd,#eef2f5);-webkit-box-shadow:0 1px whitesmoke;box-shadow:0 1px whitesmoke}
.login p{margin:15px 0 0}
.login p:first-child{margin-top:0}
.login p.remember_me{float:left;line-height:31px}
.login p.remember_me label{font-size:12px;color:#777;cursor:pointer}
.login p.submit{text-align:right}
.login-help{margin:40px 0;font-size:11px;color:#777;text-align:center}
.login-help a{color:#444;text-decoration:none}
#login-logo{margin: 0 auto 30px; width: 250px; display: block;}
.captcha-div{background:url(sandbg.png);margin:15px 0;border-radius:5px}
.captcha-img-inline{margin: 0; position: absolute; right: 16px; width: 68px; top: 1px; border-radius: 0 3px 3px 0;}
.login-container .create-account-link {float: left; font-size: 12px; text-decoration: none; color: #FF5722; margin: 7px 0px;}
.login-container .notifications {color: #f00; font-size: 10px; text-align: center; position: absolute; top: 20px; left: 0; width: 100%}

/*NotifiIT*/
#ui_notifIt { position: fixed; top: 10px; right: 10px; cursor: pointer; overflow: hidden; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); -wekbit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; z-index: 2000; }
#ui_notifIt:hover { opacity: 1 !important; }
#ui_notifIt p { text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; padding: 0; margin: 0; }
#notifIt_close { position: absolute; color: #FFF; top: 0; padding: 0px 5px; right: 0; }
#notifIt_close:hover { background-color: rgba(255, 255, 255, 0.3); }
#ui_notifIt.success { background-color: yellowgreen; color: white; }
#ui_notifIt.error { background-color: orangered; color: white; }
#ui_notifIt.warning { background-color: orange; color: white; }
#ui_notifIt.info { background-color: deepskyblue; color: white; }
#ui_notifIt.default { background-color: #EEE; color: #444; }
.notifit_confirm_bg { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.8); }
.notifit_confirm * { font-family: sans-serif; }
.notifit_confirm { position: fixed; top: 0; left: 0; padding: 30px 30px 0px 30px; background-color: #EEE; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); }
.notifit_confirm_accept, .notifit_confirm_cancel { padding: 10px 20px; color: #FFF; border: 1px solid rgba(0, 0, 0, 0.1); margin: 10px; outline: 0; cursor: pointer; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.notifit_confirm_accept { background-color: #9ACD32; }
.notifit_confirm_accept:hover { background-color: #ABDE43; }
.notifit_confirm_cancel { background-color: #FF4500; }
.notifit_confirm_cancel:hover { background-color: #FF5611; }
.notifit_confirm_message { text-align: center; margin-bottom: 20px; }

/*BootBox*/
.bootbox .modal-footer { border: none; padding-top: 0; }
.bootbox-body { font-size: 16px; }

/*Home*/
.navbar-logo { width: 120px; }
.padding-top-70 {padding-top: 70px;}

/* Chosen */
.chosen-select{width:100%}
.chosen-select-deselect{width:100%}
.chosen-container{display:inline-block;font-size:14px;position:relative;vertical-align:middle;width:100% !important}
.chosen-container .chosen-drop{background:#fff;border:1px solid #ccc;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-box-shadow:0 8px 8px rgba(0,0,0,.25);box-shadow:0 8px 8px rgba(0,0,0,.25);margin-top:-1px;position:absolute;top:100%;left:-9000px;z-index:1060}
.chosen-container.chosen-with-drop .chosen-drop{left:0;right:0}
.chosen-container .chosen-results{color:#555;margin:0 4px 4px 0;max-height:240px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.chosen-container .chosen-results li{display:none;line-height:1.42857143;list-style:none;margin:0;padding:5px 6px}
.chosen-container .chosen-results li em{background:#feffde;font-style:normal}
.chosen-container .chosen-results li.group-result{display:list-item;cursor:default;color:#999;font-weight:700}
.chosen-container .chosen-results li.group-option{padding-left:15px}
.chosen-container .chosen-results li.active-result{cursor:pointer;display:list-item}
.chosen-container .chosen-results li.highlighted{background-color:#428bca;background-image:none;color:#fff}
.chosen-container .chosen-results li.highlighted em{background:transparent}
.chosen-container .chosen-results li.disabled-result{display:list-item;color:#777}
.chosen-container .chosen-results .no-results{background:#eee;display:list-item}
.chosen-container .chosen-results-scroll{background:#fff;margin:0 4px;position:absolute;text-align:center;width:321px;z-index:1}
.chosen-container .chosen-results-scroll span{display:inline-block;height:1.42857143px;text-indent:-5000px;width:9px}
.chosen-container .chosen-results-scroll-down{bottom:0}
.chosen-container .chosen-results-scroll-down span{background:url(chosen-sprite.png) no-repeat -4px -3px}
.chosen-container .chosen-results-scroll-up span{background:url(chosen-sprite.png) no-repeat -22px -3px}
.chosen-container-single .chosen-single{background-color:#fff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;display:block;height:34px;overflow:hidden;line-height:34px;padding:0 0 0 8px;position:relative;text-decoration:none;white-space:nowrap}
.chosen-container-single .chosen-single span{display:block;margin-right:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chosen-container-single .chosen-single abbr{background:url(chosen-sprite.png) right top no-repeat;display:block;font-size:1px;height:10px;position:absolute;right:26px;top:12px;width:12px}
.chosen-container-single .chosen-single abbr:hover{background-position:right -11px}
.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover{background-position:right 2px}
.chosen-container-single .chosen-single div{display:block;height:100%;position:absolute;top:0;right:0;width:18px}
.chosen-container-single .chosen-single div b{background:url(chosen-sprite.png) no-repeat 0 7px;display:block;height:100%;width:100%}
.chosen-container-single .chosen-default{color:#777}
.chosen-container-single .chosen-search{margin:0;padding:3px 4px;position:relative;white-space:nowrap;z-index:1000}
.chosen-container-single .chosen-search input[type="text"]{background:url(chosen-sprite.png) no-repeat 100% -20px,#fff;border:1px solid #ccc;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);margin:1px 0;padding:4px 20px 4px 4px;width:100%}
.chosen-container-single .chosen-drop{margin-top:-1px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}
.chosen-container-single-nosearch .chosen-search input{position:absolute;left:-9000px}
.chosen-container-multi .chosen-choices{background-color:#fff;border:1px solid #ccc;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);cursor:text;height:auto!important;height:1%;margin:0;overflow:hidden;padding:0;position:relative}
.chosen-container-multi .chosen-choices li{float:left;list-style:none}
.chosen-container-multi .chosen-choices .search-field{margin:0;padding:0;white-space:nowrap}
.chosen-container-multi .chosen-choices .search-field input[type="text"]{background:transparent!important;border:0!important;-webkit-box-shadow:none;box-shadow:none;height:32px;margin:0;padding:8px;outline:0}
.chosen-container-multi .chosen-choices .search-field .default{color:#999}
.chosen-container-multi .chosen-choices .search-choice{-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;background-color:#eee;border:1px solid #ccc;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-image:-webkit-linear-gradient(top,#fff 0%,#eee 100%);background-image:-o-linear-gradient(top,#fff 0%,#eee 100%);background-image:linear-gradient(to bottom,#fff 0%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffeeeeee',GradientType=0);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#333;cursor:default;line-height:13px;margin:6px 0 3px 5px;padding:3px 20px 3px 5px;position:relative; font-size: 11px;}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close{background:url(chosen-sprite.png) right top no-repeat;display:block;font-size:1px;height:10px;position:absolute;right:4px;top:5px;width:12px;cursor:pointer}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover{background-position:right -11px}
.chosen-container-multi .chosen-choices .search-choice-focus{background:#d4d4d4}
.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close{background-position:right -11px}
.chosen-container-multi .chosen-results{margin:0;padding:0}
.chosen-container-multi .chosen-drop .result-selected{display:none}
.chosen-container-active .chosen-single{border:1px solid #66afe9;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);-webkit-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
.chosen-container-active.chosen-with-drop .chosen-single{background-color:#fff;border:1px solid #66afe9;border-bottom-right-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);-webkit-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
.chosen-container-active.chosen-with-drop .chosen-single div{background:transparent;border-left:none}
.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 7px}
.chosen-container-active .chosen-choices{border:1px solid #66afe9;border-bottom-right-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);-webkit-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
.chosen-container-active .chosen-choices .search-field input[type="text"]{color:#111!important}
.chosen-container-active.chosen-with-drop .chosen-choices{border-bottom-right-radius:0;border-bottom-left-radius:0}
.chosen-disabled{cursor:default;opacity:.5!important}
.chosen-disabled .chosen-single{cursor:default}
.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}
.chosen-rtl{text-align:right}
.chosen-rtl .chosen-single{padding:0 8px 0 0;overflow:visible}
.chosen-rtl .chosen-single span{margin-left:26px;margin-right:0;direction:rtl}
.chosen-rtl .chosen-single div{left:7px;right:auto}
.chosen-rtl .chosen-single abbr{left:26px;right:auto}
.chosen-rtl .chosen-choices .search-field input[type="text"]{direction:rtl}
.chosen-rtl .chosen-choices li{float:right}
.chosen-rtl .chosen-choices .search-choice{margin:6px 5px 3px 0;padding:3px 5px 3px 19px}
.chosen-rtl .chosen-choices .search-choice .search-choice-close{background-position:right top;left:4px;right:auto}
.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}
.chosen-rtl .chosen-results .group-option{padding-left:0;padding-right:15px}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}
.chosen-rtl .chosen-search input[type="text"]{background:url(chosen-sprite.png) no-repeat -28px -20px,#fff;direction:rtl;padding:4px 5px 4px 20px}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type="text"],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}
}

/* Remarks Timeline*/
.qa-message-list { height: 285px;} 
.message-item{margin-bottom:25px;margin-left:40px;position:relative}
.message-item .message-inner{background:#fff;border:1px solid #ddd;border-radius:3px;padding:10px;position:relative}
.message-item .message-inner:before{border-right:10px solid #ddd;border-style:solid;border-width:10px;color:rgba(0,0,0,0);content:"";display:block;height:0;position:absolute;left:-20px;top:6px;width:0}
.message-item .message-inner:after{border-right:10px solid #fff;border-style:solid;border-width:10px;color:rgba(0,0,0,0);content:"";display:block;height:0;position:absolute;left:-18px;top:6px;width:0}
.message-item:before{background:#fff;border-radius:2px;bottom:-30px;box-shadow:0 0 3px rgba(0,0,0,0.2);content:"";height:100%;left:-30px;position:absolute;width:3px}
.message-item:after{background:#fff;border:2px solid #ccc;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.1);content:"";height:15px;left:-36px;position:absolute;top:10px;width:15px}
.clearfix:before,.clearfix:after{content:" ";display:table}
.message-item .message-head{border-bottom:1px solid #eee;margin-bottom:8px;padding-bottom:8px}
.message-item .message-head .user-detail{overflow:hidden}