/*============== Talenthire global form elements CSS ===============**/

body { /*font-family: 'sans-serif';*/ color:#000000; outline:none; }
* { margin:0; outline:0 none; padding:0; }
/* FONT AWESOME CUSTOM CSS */
.fa-check-square-o, .fa-tachometer, .fa-trash-o, .fa-bar-chart { font-size:13px !important; }
/* LOADING ICONS START */
#Box404 .fa-custom-loader { display:none; background:none !important; top:300px; text-align:center }
#Box404 .fa-custom-loader .fa-spin { font-size:70px !important; color:#15acf5 !important; z-index:1000 !important; }
#ajax_loader .fa-spin { font-size:70px !important; color:#15acf5 !important; z-index:1000 !important; }
#ajax_loader .small { font-size:40px !important; }
#loaderclass .fa-spin { font-size:25px !important; color:#15acf5 !important; z-index:1000 !important; } /* small loader */
/* END LOADING ICONS */

.cl { clear:both; }
.clear { clear: both !important; line-height: 5px !important; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { /*background-color: #ffffff;*/ background-color: #f8f8f8; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); }
.data-table-right-panel { border-radius:3px }
.newbtnstyle { background:#0072c6; font-size:12px; color:#fff; border:1px solid #0072c6; cursor: pointer; position: relative; padding:0 6px 2px 6px; }
.newbtnstyle:hover { background:#0065af; }
.newbtnstyle_cancel { background:#ac193d; font-size:12px; color:#fff; border:1px solid #ac193d; cursor: pointer; position: relative; padding:0 6px 2px 6px; }
.newbtnstyle_cancel:hover { background:#8f1432; }
/* EXPENSE TRACKER CSS */
.expenseform_input_small { padding: 4px 7px; border: 1px solid #8f8f8f; width:77%; float:left; font-size:11px; color:#575757; outline:0; margin-top:12px; outline:none; margin-left:5px; }
.expensebrowse_input_small { box-shadow: 0 0 5px #E8E9EB inset; color: #575757; float: left; font-size: 11px; outline: medium none; padding: 3px; width: 60%; }
/* END EXPENSE TRACKER CSS */

.form_input { border-radius: 0; /*background-color: #FFFFFF;*/ color:#666; padding: 5px 7px; border: 1px solid #d6dce8; width:263px; outline:0; margin-top:14px; outline:none; font-family:'sans-serif', Arial, Helvetica, sans-serif; font-size:12px; float: left; min-height:30px }
.form_input_small { border-radius:0; /*background-color: #FFFFFF;*/ color:#666; padding: 5px 7px; border: 1px solid #DBE1E8; width:180px; outline:0; margin-top:14px; outline:none; font-family:'sans-serif', Arial, Helvetica, sans-serif; font-size:12px; float: left; height:30px; }
.form_input_large { padding: 4px 7px; border: 1px solid #8f8f8f; width:300px; outline:0; margin-top:14px; outline:none; font-family:'sans-serif', Arial, Helvetica, sans-serif; font-size:12px; float: left; }
/* START NEW BROWSE BUTTON FOR FILE UPLOAD */
.custome-select-file { float:left; margin-top:14px; }
.custome-select-file .select-file-btn { float:left; /*background:#BFD1E2;*/ background:#f7f7f7; height:30px; font-family: "sans-serif", Arial, Helvetica, sans-serif; /*font-size:13px;*/ font-size:12px; font-weight:normal; color:#39658a; /*border:0px solid #ccc;*/ border:1px solid #ccc; border-radius:0; padding:3px 10px; cursor:pointer; }
.custome-select-file input { float:left; height:30px; border:0px solid #d6dce8; padding:5px 5px; font-family: "sans-serif", Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#666; }
/* END NEW BROWSE BUTTON FOR FILE UPLOAD */

.input-search-icon { background: url(../img/input-search-icon.png) 4px 4px no-repeat; border: 1px solid #CCCCCC; float: left; font-size: 12px; margin-top: 14px; outline: medium none; padding: 5px 10px 5px 25px; width: 250px; }
#input_search_icon { background: url(../img/input-search-icon.png) 4px 4px no-repeat; float: left; font-size: 12px; margin-top: 14px; outline: medium none; padding: 5px 10px 5px 25px; width: 250px; border: 1px solid #dbe1e8; border-radius: 3px; }
#input-quick-search-icon { background: url(../img/input-quick-search-icon.png) 4px 4px no-repeat; border: 1px solid #CCCCCC; float: left; font-size: 12px; margin-top: 14px; outline: medium none; padding: 5px 10px 5px 25px; width: 250px; }
#matched_search_icon, #bench_search_icon { background: url("../img/input-search-icon.png") no-repeat scroll 4px 4px rgba(0, 0, 0, 0); border: 1px solid #CCCCCC; float: left; font-size: 12px; margin-top: 0px; outline: medium none; padding: 5px 10px 5px 25px; width: 250px; }
.search_title { border-radius: 2px !important; padding: 3px 5px !important; border:1px solid #a4a4a4 !important; line-height:17px !important; font-size:12px !important; }
.search_title_icon { margin-left: -20px !important; margin-top: 13px !important; padding: 6px 1px 6px 5px !important; text-decoration: none !important; }
label { margin-right:5px; width:135px; float:left; font-size:13px; color:#666; margin-top:17px; outline:none; font-weight:normal; max-width: initial; }
#label-big label { margin-right:5px; width:150px; float:left; font-size:13px; margin-top:17px; outline:none; }
.tabform-phone-input1 { padding: 4px 7px; border: 1px solid #8f8f8f; width:140px; float:left; font-size:11px; color:#575757; outline:0; margin-top:12px; outline:none; }
.tabform-phone-input2 { padding: 4px 7px; border: 1px solid #8f8f8f; width:88px; float:left; font-size:11px; color:#575757; outline:0; margin-top:12px; outline:none; margin-left:5px; }
.tabform-browse-input, .tabform-browse-input1 { background:#f8f8f8; box-shadow:none; color: #575757; float: left; font-size: 11px; margin-top: 12px; outline: medium none; padding: 3px; width: 190px; }
.tabfrom-salaryinput { padding:5px 7px; border: 1px solid #CCCCCC; width:56px; font-size:11px; color:#575757; outline:0; margin:14px 4px 0; outline:none; float:left; }
ul, li { border: 0 none; list-style: none; margin: 0; padding: 0; }
ul, ol, li, form, fieldset, legend { margin: 0; padding: 0; }
/* FORM ELEMENTS DEFAULT CSS */
.selector, .radio, .checker { display: inline-block; vertical-align: middle; zoom: 1; }
div.selector { background: #ffffff; line-height: 28px; height: 28px; border: 1px solid #8f8f8f; border-right: none; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; cursor: pointer; width: auto; max-width: 280px; font-size: 12px; position: relative; }
div.selector span { display: block; text-overflow: ellipsis; white-space: nowrap; color: #333; text-decoration: none; padding: 0px 25px 0px 8px; margin: -1px 0 0 0; background: url(../img/uniform_select.png) no-repeat 100%; cursor: pointer; font-size: 11px; height: 30px; line-height: 30px; position: relative; }
div.selector select { position: absolute; opacity: 0; filter: alpha(opacity:0);
height: 28px; border: none; background: none; font-family: 'sans-serif', Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; top: 0; left: 0; }
/* SELECT DROPDOWN LIST CSS */
select { border-radius: 0; /*background-color: #FFFFFF;*/ background-color: #f8f8f8; height: 30px; padding: 2px 5px; color:#666; font-family:'sans-serif', Arial, Helvetica, sans-serif; border: 1px solid #DBE1E8; outline:none; display: inline-block; cursor:pointer; font-size:12px; width:265px; /*Mac OS select css fix*/ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: solid 0px #d6dce8!important; outline: #d6dce8 solid 1px!important;/*outline-offset: -1px;*/ }
.new-select option { padding:5px 7px; }
/* DROPDOWN CSS */
.action_dropdown { position: relative; width: 100px; float:right; cursor: pointer; outline: none; line-height:17px; float:right; border:1px solid #a4a4a4; padding:4px 10px; margin:5px 5px; border-radius:2px; font-size:12px; color: #333; text-decoration: none; cursor:pointer; text-shadow: 0px 1px 0px #fff; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #dedede 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #dedede)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%, #dedede 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%, #dedede 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%, #dedede 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%, #dedede 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dedede', GradientType=0 ); /* IE6-9 */
}
.action_dropdown a:hover { text-decoration:none; color:#333; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #c6c6c6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #c6c6c6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%, #c6c6c6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%, #c6c6c6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%, #c6c6c6 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%, #c6c6c6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c6c6c6', GradientType=0 ); /* IE6-9 */
}
.action_dropdown:after { content: ""; width: 0; height: 0; position: absolute; right: 10px; top: 50%; margin-top: -2px; border-width: 5px 5px 0 6px; border-style: solid; border-color: #000 transparent; }
.action_dropdown .dropdown { position: absolute; top: 100%; left: -1px; right: -1px; background: white; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; list-style: none; opacity: 0; pointer-events: none; box-shadow:0px 3px 6px 0px #eee; border:1px solid #a4a4a4; z-index: 9999; font-size:12px; }
.action_dropdown .dropdown li a { display: block; text-decoration: none; color: #333; padding: 4px 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.action_dropdown .dropdown li a:hover { background:#dedede; }
.action_dropdown.active .dropdown { opacity: 1; pointer-events: auto; }
i img { vertical-align:middle; }
/* END DROPDOWN CSS */

/* ALERTS MESSAGES */
.field_msg { font-size:11px; color:#900; font-weight:500; }
/* TOOLTIP NEW CSS */
.tooltip { position: absolute; z-index: 1030; display: block; font-size: 11px; line-height: 1.4; opacity: 1; filter: alpha(opacity=0); visibility: visible; }
.tooltip.in { opacity: 0.8; filter: alpha(opacity=80); }
.tooltip.top { padding: 5px 0; margin-top: -3px; }
.tooltip.right { padding: 0 5px; margin-left: 3px; }
.tooltip.bottom { padding: 5px 0; margin-top: 3px; }
.tooltip.left { padding: 0 5px; margin-left: -3px; }
.tooltip-inner { max-width: 200px; padding: 5px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; }
.tip-icon-img { background:url(../img/tool-tip.png) left top no-repeat; width:16px; height:16px; display:inline-block; margin:18px 0 0 9px; float:left; clear:right }
/* END TOOLTIP NEW CSS */

/* ACTION ICONS CSS */
.action_icon { float:left; margin-right:5px; }
.action_icon li { list-style-type:none; margin:0px; padding:0px; float:left; }
.action_icon li a { float:left; list-style-type:none; background-image:url(../img/ceipalimages.png); background-repeat:no-repeat; display: inline-block; padding:0px; margin-right:0px; }
.action_icon li a:hover { float:left; list-style-type:none; background-image: url(../img/ceipalimages_hover.png); background-repeat:no-repeat; display: inline-block; }
.action_icon .list_edit1 a { background-position:4px -67px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; cursor:pointer }
.action_icon .list_delete1 a { background-position:-451px 5px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list1 a { background-position:-90px -19px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list2 a { background-position:-307px 5px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list1 a:hover { background-position:-90px -19px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list2 a:hover { background-position:-307px 5px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_submitted a { background-position:-138px -70px; display:inline-block; width:16px; height:16px; padding:0px 0px 0px 10px; }
.action_icon .list_drafted a { background-position: -402px -112px; display: inline-block; height: 16px; padding: 8px 0 0 10px; width: 16px; }
.action_icon .list_drafted a:hover { background-position: -402px -112px; display: inline-block; height: 16px; padding: 8px 0 0 10px; width: 16px; }
.action_icon .list_submitted a:hover { background-position:-138px -70px; display:inline-block; width:16px; height:16px; padding:0px 0px 0px 10px; }
.action_icon .list_approved a { background-position:-90px -139px; display:inline-block; width:16px; height:16px; padding:4px 0px 0px 10px; }
.action_icon .list_approved a:hover { background-position:-90px -139px; display:inline-block; width:16px; height:16px; padding:4px 0px 0px 10px; }
.action_icon .list_rejected a { background-position:-162px -91px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_rejected a:hover { background-position:-162px -91px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_view a { background-position:-90px -115px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_view a:hover { background-position:-90px -115px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_edit a { background-position:-90px -67px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_edit a:hover { background-position:-90px -67px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_remove a { background-position:-305px 5px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_remove a:hover { background-position:-305px 5px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_draft a { background-position:-41px -43px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_draft a:hover { background-position:-41px -43px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_download a { background-position:-90px -19px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_download a:hover { background-position:-90px -19px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_save a { background-position:-139px -44px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_save a:hover { background-position:-139px -44px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_delete a { background-position:-457px 5px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_delete a:hover { background-position:-457px 5px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_search a { background-position:-40px 1px; display:inline-block; width:16px; height:6px; padding:8px 0px 0px 6px; }
.action_icon .list_search a:hover { background-position:-40px 1px; display:inline-block; width:16px; height:6px; padding:8px 0px 0px 6px; }
.action_icon .list_remove_duplicates a { background-position:-260px -115px; display:inline-block; width:18px; height:18px; padding:8px 0px 0px 10px; }
.action_icon .list_add_icon a { background-position:-400px -94px; display:inline-block; width:16px; height:6px; padding:12px 0px 0px 6px; margin-top:8px }
.data-table-left-panel .custom_view .customtable:hover .action_icon .tick_mark a { background-position:-285px 5px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.data-table-left-panel .custom_view .customtable:hover .action_icon .list_remove_pencil a { background-position:-457px 5px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.data-table-left-panel .custom_view .customtable:hover .action_icon .list_edit_pencil a { background-position:12px -67px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.data-table-left-panel .custom_view .customtable .action_icon .list2 a { display:none; }
.data-table-left-panel .custom_view .customtable:hover .action_icon .list2 a { background-position: -307px 5px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.action_icon .list_edit_pencil a:hover { background-position:12px -67px; display:inline-block; width:16px; height:16px; padding:8px 0px 0px 10px; }
.new-select { position:relative; width:265px; margin-top:14px; float:left; }
.new-select:after { /*content:'>';*/ font:13px "Consolas", monospace; color:#fff; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:9px; top:4px; padding:0 0 4px; position:absolute; pointer-events:none; }
.new-select:before { content:''; right:1px; top:0px; width:22px; height:24px; position:absolute; pointer-events:none; display:block; }
/* APPROVEL FLOW */
.requisition-thumb-panle { margin:2px; padding:5px; float:left; width:90% }
.requisition-thumb-panle .user-photo { float:left; width:30px; height:30px; padding-right:20px; padding-left:10px; }
.requisition-thumb-panle .user-title { font-size:12px; color:#000; margin-top: 5px; }
/* END APPROVEL FLOW *

/* #Media Queries
================================================== */
@media (max-width: 767px) {
 input[type="radio"] + label {
width:auto;
}
}
/* GLOBAL BUTTONS CSS */
.sm_advance_search_btn { display:block; position:absolute; /*margin-left:25px;*/ margin-top:14px; line-height:17px; padding: 3px 7px 3px 7px; border:1px solid #a4a4a4; border-radius:2px; font-size:12px; color: #333; text-decoration: none; text-transform:none; cursor:pointer; text-shadow: 0px 1px 0px #fff; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 0%, #dedede 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #dedede)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%, #dedede 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%, #dedede 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%, #dedede 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%, #dedede 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dedede', GradientType=0 ); /* IE6-9 */
}
.sm_advance_search_btn:hover { text-decoration:none; color:#333; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 0%, #c6c6c6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #c6c6c6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%, #c6c6c6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%, #c6c6c6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%, #c6c6c6 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%, #c6c6c6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c6c6c6', GradientType=0 ); /* IE6-9 */
}
.button-elements { margin-top:20px; float:left; width:100%; }
.blue-button, .cancel-button { background: #399bff; border:none; border-radius: 2px; color: #fff; cursor: pointer; float: left; /*font-family: "sans-serif";*/ font-size: 11px; margin: 5px 5px 5px 0; padding: 4px 8px; text-decoration: none; text-transform: uppercase !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s; }
.blue-button:hover, .cancel-button:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3); text-decoration:none; }
a.cancel-button { -webkit-padding: 2px 10px 2px 18px; -moz-padding: 3px 10px 3px 18px; }
.plain-custom-button { background: #399bff; border:none; border-radius: 2px; color: #fff; cursor: pointer; float: left; /*font-family: "sans-serif";*/ font-size: 11px; margin: 5px 5px 5px 0; padding:6px 8px 7px; text-decoration: none; text-transform: uppercase !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s; }
.plain-custom-button:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3); text-decoration:none; }
.plain-custom-button i { display:none; } /* button fix*/
.plain-custom-button-nomargin { margin:0 !important; }
.plain-custom-button-sm a { background: #399bff; border:none; border-radius: 2px; color: #fff; cursor: pointer; float: left; /*font-family: "sans-serif";*/ font-size: 11px; margin: 5px 5px 5px 0; padding: 3px 8px; text-decoration: none; /*text-transform: uppercase !important;*/ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s; }
.plain-custom-button-sm a:hover { color: #fff; opacity:.9; text-decoration:none; }
/* Icon buttons */
.iCustomBtn { background: #399bff; border:none; border-radius: 2px; color: #fff; cursor: pointer; float: left; /*font-family: "sans-serif";*/ font-size: 14px; margin: 5px 5px 5px 0; padding: 5px 8px; text-decoration: none; text-transform: uppercase !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s; }
.iCustomBtn:hover { color:#fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3); text-decoration:none; }
.rCustomBtn { background: #399bff; border:none; border-radius: 2px; color: #fff; cursor: pointer; float: left; /*font-family: "sans-serif";*/ font-size: 14px; margin: 5px 5px 5px 0; padding: 4px 8px; text-decoration: none; text-transform: uppercase !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s; }
.rCustomBtn:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3); text-decoration:none; }
/* END GLOBAL BUTTONS CSS */

/* POPUP GRAY BOX CSS */
.grayBox { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.box_content { left: 35%; overflow: auto; padding: 16px; position: fixed; right: 35%; top: 25%; width: 33%; z-index: 1002; }
.grayBox_help { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color:#000; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); font-family:"sans-serif", Arial, Helvetica, sans-serif; }
.box_content_help { background:#FFFFFF; border-radius: 5px 5px 5px 5px; font-family: "sans-serif", Arial, Helvetica, sans-serif;/* left: 8%;*/ padding: 0; position: fixed; /*right: 20%; */ top: 15%; width: 100%; z-index: 1002; }
/* GLOBAL MULTISELECT CSS */
.ms-parent { display: inline-block; position: relative; vertical-align: middle; }
.ms-choice { display: block; height: 26px; padding: 0; overflow: hidden; position: relative; cursor: pointer; border: 1px solid #aaa; text-align: left; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; background-color: #fff; width:250px !important; }
.ms-choice.disabled { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; }
.ms-choice > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; float: left; padding-left: 8px; }
.ms-choice > span.placeholder { color: #999; }
.ms-choice > div { float: right; width: 20px; height: 25px; background: url('multiple-select/multiple-select.png') right top no-repeat; }
.ms-choice > div.open { background: url('multiple-select/multiple-select.png') left top no-repeat; }
.ms-drop { overflow: hidden; display: none; margin-top: -1px; padding: 0; position: absolute; z-index: 1000; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); width:248px !important; }
.ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; }
.ms-search input { width: 100%; height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 0; outline: 0; font-family: 'sans-serif', Arial, Helvetica, sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('multiple-select.png') no-repeat 100% -22px; background: url('multiple-select/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('multiple-select/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('multiple-select/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('multiple-select/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); }
.ms-search, .ms-search input { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ms-drop ul { overflow: auto; margin: 0; /*padding: 5px 8px;*/ }
.ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; }
.ms-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); }
.ms-drop ul > li.multiple { display: block; float: left; }
.ms-drop ul > li.group { clear: both; }
.ms-drop ul > li.multiple label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-drop ul > li label.optgroup { font-weight: bold; }
.ms-drop input[type="checkbox"] { vertical-align: middle; }
/* END GLOBAL MULTISELECT CSS */

/* START EMAIL CONTENT IN A POUPU CSS */
.email_content_label { width:490px; }
#LightBox_email_content { display:none; width:50%; left:25%; right:25% }
#email_activity_content_div { height: 350px; overflow: auto; }
#msg_html_content_div { height: 350px; overflow: auto; }
/* Career landing page error messages */
.success-message { position:absolute; top:71px; left:15px; right:15px; display:block; overflow:hidden; width:82%; background-color: #c8e984; border:1px solid #9cc34c; border-radius:50px; font-size:12px; text-decoration:none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); font-weight:normal; color:#333; padding:7px 10px; margin:5px auto; }
.success-message i { float:left; display:inline-block; background:url(../img/success-icon.png) no-repeat; width:16px; height:16px; padding-left:25px; }
.success-message span { float:left; font-size:12px; color:#6d7829; }
.error-message { position:absolute; top:71px; left:15px; right:15px; display:block; overflow:hidden; width:82%; background-color: #f9c9c9; border:1px solid #EBB7B7; border-radius:50px; font-size:12px; text-decoration:none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); font-weight:normal; color:#333; padding:7px 10px; margin:5px auto; }
.error-message i { float:left; display:inline-block; background: url(../img/error-icon.png) no-repeat; width:16px; height:16px; padding-left:25px; }
.error-message span { float:left; font-size:12px; color:#666; }
/*disable button on click */
.btn-disable { opacity: 0.5; }
/* HORIZONTAL TABS START */
ul.horizontal-tabs { margin:20px 0; /*float: left;*/ *zoom:1;
clear:both; width:100%; border-bottom:1px solid #eee; /* font-family: 'sans-serif';*/ /*font-family: 'sans-serif';*/ font-size:12px; text-transform:uppercase; position:relative; }
ul.horizontal-tabs li { list-style-image:none; list-style-type:none; margin-left:0; display:inline-block; vertical-align:middle; *vertical-align:auto;
*zoom:1;
*display:inline;
white-space:nowrap; padding:0 10px; line-height:20px; }
ul.horizontal-tabs li:first-child { padding-left: 0px; }
ul.horizontal-tabs li a { color:#333; text-decoration:none; -moz-transition:color .3s ease;
-o-transition:color .3s ease;
-webkit-transition:color .3s ease;
transition:color .3s ease;
}
ul.horizontal-tabs li a:hover { color:#1fa0e2 }
.item-menu-underline { margin-top:5px; height:1px; width:100%; -moz-transform:scaleX(0); -ms-transform:scaleX(0); -webkit-transform:scaleX(0); transform:scaleX(0); -moz-transform-origin:left top; -ms-transform-origin:left top; -webkit-transform-origin:left top; transform-origin:left top; background-color:#1fa0e2; -moz-transition:-moz-transform .3s ease;
-o-transition:-o-transform .3s ease;
-webkit-transition:-webkit-transform .3s ease;
transition:transform .3s ease
}
ul.horizontal-tabs li a:hover .item-menu-underline { -moz-transform:scaleX(1); -ms-transform:scaleX(1); -webkit-transform:scaleX(1); transform:scaleX(1) }
ul.horizontal-tabs li.active a { color:#1fa0e2 }
ul.horizontal-tabs li.active a .item-menu-underline { -moz-transform:scaleX(1); -ms-transform:scaleX(1); -webkit-transform:scaleX(1); transform:scaleX(1) }
/* END HORIZONTAL TABS */

/* EMPLOYEE PROFIT START */
.profile-profit { margin:20px 0; list-style:none; clear:both; }
.profile-profit li { font-family: 'sans-serif'; display:inline-block; margin-right:20px; border:1px solid #333; border-radius:5px; padding:10px 20px; min-width:90px; }
.profile-profit li .rate { display:block; font-size:25px; font-weight:normal; text-align:center; }
.profile-profit li .rate i { font-size:15px; font-style:normal; margin-left:2px; vertical-align:middle; }
.profile-profit li .rate-desc { font-size:13px; color:#666; font-weight:normal; text-align:center; padding-top:5px; }
.profile-profit .color-1 { border-color: #27a9e3; color:#27a9e3 }
.profile-profit .color-2 { border-color: #ffb848; color:#ffb848 }
.profile-profit .color-3 { border-color: #28b779; color:#28b779 }
.profile-profit .color-4 { border-color: #323f58; color:#323f58 }
.profile-profit .color-5 { border-color: #c16a1c; color:#c16a1c }
.profile-profit .color-6 { border-color: #27a9e3; color:#27a9e3 }
/* END EMPLOYEE PROFIT */

/* CK editor list fix issue */
.editor_view_text_cls ul li { list-style-type:disc; padding-left:5px; margin-left:15px; }
.editor_view_text_cls ol li { list-style-type:inherit; padding-left:5px; margin-left:15px; }/*

/* CK editor list fix issue */
.editor_view_text_cls span { float:none !important }
p.MsoNoSpacing { text-indent:0px !important; margin-left: 0 !important; text-indent: 0 !important; }
.MsoNoSpacing { list-style:circle; clear:both; }
.MsoNoSpacing span { width:20px !important; text-align:left !important; margin-top:0 !important; margin-right:15px; text-indent: 0px !important; }
.editor_view_text_cls p > span { clear: both; float: none; color: #428BCA !important; font-family: 'sans-serif' !important; word-wrap: break-word !important; font-size:13px !important }
.editor_view_text_cls p { clear: both; float: none; width: 100%; word-wrap: break-word !important; }
.editor_view_text_cls p { padding-bottom: 4px; text-indent:0px !important; margin-left: 0 !important; text-indent: 0 !important; }
/* NIC editor css fix END */

/* Inner page NEW TOP BORDER LAYOUT start */
.layout-topborder-left-panel { background:#fff; float: left; width: 22%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
.layout-topborder-right-panel { width: 76%; margin-left:2%; background:#fff; float: left; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
.custom-width-66 { width:66%; padding:2%; }
.custom-width-28 { width:28%; }
.layout-topborder-sub-heading { margin-bottom: 0px; background:#fff; border-bottom:1px solid #eee; /*padding:15px;*/ padding:7px 15px; font-size:14px; color:#222; font-weight:normal; }
/* CSS For new flash mesages for success,warning & Failure on 6th September */
.CMP-block { position:absolute; top:0px; z-index:99999; display:table; text-align:center; width:98%; }
.CMP-default { padding:7px 15px; min-height:20px; border-radius:0 0 4px 4px; display:inline-block; text-align:left; }
.success-message-cmp { background:#74c447; }
.success-message-cmp i.fa { float:left; margin-right:10px; font-size:21px; }
.success-message-cmp i.fa:before { content: "\f058"; color:#cdfcb3; }
.success-message-cmp span { float:left; margin-top:1px; color:#cdfcb3; font-size:12px; max-width:300px; }
.success-failure-message-cmp { background:#399bff; }
.success-failure-message-cmp i.fa { float:left; margin-right:10px; font-size:21px; }
.success-failure-message-cmp i.fa:before { content: "\f058"; color:#fff; }
.success-failure-message-cmp span { float:left; margin-top:1px; color:#fff; font-size:12px; max-width:300px; }
.warning-message-cmp { background:#f4db05; }
.warning-message-cmp i.fa { float:left; margin-right:10px; font-size:18px; }
.warning-message-cmp i.fa:before { content: "\f06a"; color:#d8a313; }
.warning-message-cmp span { float:left; margin-top:1px; color:#b88a0d; font-size:12px; max-width:300px; }
.failure-message-cmp { background:#f05a5c; }
.failure-message-cmp i.fa { float:left; margin-right:10px; font-size:18px; }
.failure-message-cmp i.fa:before { content: "\f057"; color:#ffcfd0; }
.failure-message-cmp span { float:left; margin-top:1px; color:#ffcfd0; font-size:12px; max-width:300px; }
/** MT Table listing **/
.MT-table { border-radius:6px; background:#fff; padding:120px 0 130px; overflow:hidden; margin:15px auto; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); width: 98% }
.MT-table-content { width:560px; margin:0px auto; }
.MT-table-left { float:left; margin-right:30px; width:76px; }
.MT-table-right { float:left; width:80%; margin-top:-8px; }
.MT-table-title { font-size:20px; color:#000; /*font-family: 'sans-serif';*/ }
.MT-table-right p { color:#666; font-size:13px; padding:6px 0; }
.MT-table-right .add-record-btn-1 { background: #92cc3b; background-image: -webkit-linear-gradient(top, #92cc3b, #6fa12a); background-image: -moz-linear-gradient(top, #92cc3b, #6fa12a); background-image: -ms-linear-gradient(top, #92cc3b, #6fa12a); background-image: -o-linear-gradient(top, #92cc3b, #6fa12a); background-image: linear-gradient(to bottom, #92cc3b, #6fa12a); color:#fff; border-radius:4px; padding:8px 15px; font-size: 12px; box-shadow: none; }
.MT-table-right .add-record-btn-2 { background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3)); background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3); background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3); background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3); background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3); background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#49c0f0, endColorstr=#2CAFE3);
color:#fff; border-radius:4px; padding:8px 15px; font-size: 12px; box-shadow: none; }
.MT-table-right .add-record-btn-3 { background-color: #b29af8; background-image: -webkit-gradient(linear, left top, left bottom, from(#b29af8), to(#9174ed)); background-image: -webkit-linear-gradient(top, #b29af8, #9174ed); background-image: -moz-linear-gradient(top, #b29af8, #9174ed); background-image: -ms-linear-gradient(top, #b29af8, #9174ed); background-image: -o-linear-gradient(top, #b29af8, #9174ed); background-image: linear-gradient(to bottom, #b29af8, #9174ed); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#b29af8, endColorstr=#9174ed);
color:#fff; border-radius:4px; padding:8px 15px; font-size: 12px; box-shadow: none; }
.multi_export_text { font-size: 13px; color: rgb(31, 160, 228); }
.download_multi_doc { margin-left:5px; }
/*Inner Custom Dropdown Menu*/
 a.inner-custom-dropdown-btn, .inner-custom-dropdown-btn { background:#399bff !important; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); border-radius:2px; font-size:11px; color:#fff; border:solid 1px #399bff; border-radius:2px; text-shadow:inherit; position:relative; min-width:74px; padding:4px 8px; margin-top:4px; cursor:pointer }
a:hover.inner-custom-dropdown-btn, .inner-custom-dropdown-btn:hover { background:#399bff; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); border-radius:2px; font-size:11px; color:#fff; border:solid 1px #399bff; border-radius:2px; text-shadow:inherit; }
a.inner-custom-dropdown-btn .caret, .inner-custom-dropdown-btn .caret { border-top-color:#fff; float:right; margin:7px 0 5px 5px; display:block; }
.dropdown .inner-custom-dropdown-menu a, .inner-custom-dropdown-btn .dropdown li a { float:none; background:none; border:none; margin-right:0px; font-size:11px; box-shadow:inherit; }
.dropdown .inner-custom-dropdown-menu a i { display:inline-block; }
.dropdown .inner-custom-dropdown-menu > li > a:hover, .dropdown .inner-custom-dropdown-menu > li > a:focus, .inner-custom-dropdown-btn .dropdown li a:hover { background:none!important; color:#399bff!important; }
#download_custom .inner-custom-dropdown-btn::after {
border-color:#fff transparent;
margin-top:-3px;
}
.interview-mode-icon-g { font-size:14px; } /* dashbaord interview mode global icon */
/*Image Dimensions*/
.image-dimensions { color: #f68735; font-size: 11px; font-family: sans-serif; }
/* Full Lenth Popup Design (white) */
.full-dialog { left: 0 !important; right: 0 !important; top: 0; bottom: 0; margin: 0 !important; width:auto !important; height:100%; padding:15px !important; position:absolute !important; box-sizing: border-box /* full lenth fix */; }
.full-dialog .modal-content { height:100%; border-radius:0; }
.full-dialog .modal-header { text-align:left; background:#fff; border-bottom:none; }
.full-dialog .modal-header .close { color: #999; font-size:40px; margin-top:-6px; }
.full-dialog .modal-title { line-height:1.42857 !important; color:#000; font-family:"sans-serif_light", Arial, Helvetica, sans-serif; font-size:25px; text-transform:capitalize; }
/* Full Lenth Popup Design END */

/* RADIO deafult */
input[type="checkbox"] { display:inline-block; /*display:block; */ }
input[type="checkbox"] + label { color:#333; font-family:'sans-serif', Arial, Helvetica, sans-serif; font-size:13px; }
input[type="checkbox"] + label span { display:inline-block; width:19px; height:15px; margin:1px 4px 0 0; vertical-align:middle; background:url(../img/check_radio_sheet.png) left top no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url(../img/check_radio_sheet.png) -19px top no-repeat; }
input[type="radio"] { font-size:13px; width:100px; }
input[type="radio"] { display:inline-block; }
input[type="radio"] { display:inline-block; width:16px; height:16px; margin:3px 5px 0; vertical-align:middle; -38px top no-repeat;
cursor:pointer; }
input[type="radio"]:checked { -57px top no-repeat;
}
.radio-horz-p label { width: auto; margin-right: 10px; float: left; }
.radio-horz-p label:last-child { margin-right: 0; }
.checkbox-horz-p label { width: auto; margin-right: 10px; float: left; }
.checkbox-horz-p label:last-child { margin-right: 0; }
.radio-horz-p input[type="radio"], .checkbox-horz-p input[type="checkbox"] { float: left; margin:3px 5px 0; width:16px; height:16px; }
.radio-vrt-p label input[type="radio"], .checkbox-vrt-p label input[type="checkbox"] { float: left; margin:3px 5px 0 0 !important; }
.radio-vrt-p label, .checkbox-vrt-p label { width: 100%; float: left; line-height: inherit !important; }
.error { border: 1px solid #F17421 !important; }
.help-inline { display: inline-block; padding-left: 5px; vertical-align: middle; color:#b94a48; padding-top:14px; font-size:12px; }
/* Checkbox label styling */

/* For Iframe css handling jobposting gmail replies on submission email activities */
.gmail_quote { clear: both; float: left; margin-bottom: 15px; width: 99%; }