@import url('all.min.css');
@import url('select2.min.css');
@import url('jquery.dataTables.min.css');
@import url('dataTables.responsive.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
html{font-size: 14px;}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:focus{outline:none;}
a{text-decoration:none}
.trans{transition:200ms all ease-in-out;-webkit-transition:200ms all ease-in-out;}
button, input, select, textarea { resize: none; border: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none }
input[type=submit], select { cursor: pointer }
img { max-width: 113%; vertical-align: middle; border-radius: 0 }
.absoLink, .absoImg{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index: 1}
.form-control::-webkit-input-placeholder, ::-webkit-input-placeholder{color:#9FA4B7}
.form-control:-moz-placeholder, :-moz-placeholder{color:#9FA4B7;opacity:1;}
.form-control::-moz-placeholder, ::-moz-placeholder{color:#9FA4B7;opacity:1;}
.form-control:-ms-input-placeholder, :-ms-input-placeholder{color:#9FA4B7;} 

label{font-weight: 400}
.wrapper{position: relative;overflow: hidden;min-height: 100vh;position: relative;padding-bottom: 5.3125rem;}

*, *:focus, *:active{outline: none !important;}
html body{font:400 1rem/1.2 'Open Sans', sans-serif;color: #000000;overflow-x: hidden;overflow-y: scroll;}
.allMiddle > *{display: inline-block;vertical-align: middle;}
b, strong{font-weight: 700}
button{padding: 0}
a{color: #000000;-webkit-transition: 300ms all;transition: 300ms all;}

p{padding-bottom: 1rem;font: 400 1rem/1.6 "Open Sans", sans-serif;}
h3{font-size: 15px;font-weight: 600;color: rgb(0, 0, 0);padding-bottom: 1rem;}

.marB30{margin-bottom: 1.875rem}

.btn{padding: 0 1rem;font:0.9375rem/2.375rem 'Open Sans', sans-serif;-webkit-transition: 300ms all;transition: 300ms all;display: inline-block;vertical-align: top;}
.btn + .btn{margin-left: 7px;}
.btn-primary{color: #ffffff;background-color: #344784;border-color: #344784}

.btn-orange{color: #ffffff;background-color: #ec681d;border-color: #ec681d}
.btn-gray{color: #000000;background-color: #dfdfdf;border-color: #dfdfdf}
.btn-108{min-width: 6.75rem}
.btnH38{line-height: 2.25rem}

.btn-green{background-color: #468847;border-color: #468847;color: #ffffff}
.btnLable,
.btnH32{line-height: 1.875rem}
.btnLable{font-size: 0.875rem;cursor: default;}

.btn-small{font-size: 12px;padding: 0 10px;line-height: 30px;}
.marTop10{margin-top: 10px;}
.marRight10{margin-right: 10px;}

.table .btnLable{vertical-align: middle;}

/* Slick slider css start */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:20px;z-index:1;cursor: pointer;background-color: transparent;-webkit-transition: 200ms all ease-in-out;transition: 200ms all ease-in-out;width: 3.375rem;height: 3.375rem;z-index: 11;color: #999999;line-height: 1;border: 2px solid #EAEAEA;-webkit-border-radius: 50%;border-radius: 50%;font-size: 0}
.slick-arrow:after{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;content: '';width: 15px;height: 12px;}
.slick-prev:after{background: url(../images/arrow-left.svg) no-repeat center center / contain;}
.slick-next:after{background: url(../images/arrow-right.svg) no-repeat center center / contain;}
.slick-disabled{opacity:0.5}
.slick-prev{left:0}
.slick-next{right:0}
.slick-dots{text-align:center;line-height:11px;padding:0;margin: 20px 0 0}
.slick-dots li{display:inline-block;vertical-align:top;width:12px !important;height:12px !important;background-color:rgba(0,0,0,0.1);border-radius:50%;-webkit-border-radius:50%;font-size:0;cursor:pointer;position: relative;padding: 0 !important;float: none !important}
.slick-dots li button{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;font-size: 0;background-color: #67436c;width: 100%;height: 100%;padding: 0;border-radius:50%;-webkit-border-radius:50%;-webkit-transform: scale(0);transform: scale(0);transition: 300ms ease-in-out}
.slick-dots li ~ li{margin-left:8px;}
.slick-dots li.slick-active button{-webkit-transform: scale(1);transform: scale(1);}
.testSlider .slick-dots li{background-color: #e6e6e6}
/* Slick slider css end */


/* Datepicker css start */
/*  .ui-helper-clearfix:before,.ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;}
.ui-helper-clearfix:after {clear: both;}
.ui-helper-clearfix {min-height: 0;}
.ui-datepicker{width:17em;padding:0;display:none;}
.ui-widget-content{border:1px solid #dfdfdf;background-color:#fff;}
.ui-datepicker-header{background-color:#00aba9;padding:0.2em 0;position:relative;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute;width:1.8em;height:1.8em;top:0;bottom:0;margin:auto;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{left:2px;}
.ui-datepicker .ui-datepicker-next{right:2px;}
.ui-datepicker .ui-icon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;overflow:hidden;text-indent:-99999px;display:block;width:4px;height:7px;background:url(datepicker-arrow.png) no-repeat left center;}
.ui-datepicker .ui-icon-circle-triangle-e{background-position:right center;}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;text-align:center;line-height:1.8em;}
.ui-datepicker .ui-datepicker-title select{height:33px;width:46%;margin:1px 2px;padding:0 5px;}
.ui-datepicker .ui-datepicker-title select option{padding:2px 5px;}
.ui-datepicker table{width:100%;margin:10px 0 0.4em;font-size:0.9em;border-collapse:collapse}
img.ui-datepicker-trigger {bottom: 0;margin: auto;position: absolute;right: 15px;top: 0;}
.ui-datepicker th { padding:4px 5px; text-align: center; font-weight: bold; border: 0; color:#333333;height:20px;width:20px;}
.ui-datepicker td { border: 0; padding: 4px; height:20px;width:20px;text-align:center;}
.ui-datepicker td span, .ui-datepicker td a { display: block; text-align: center; text-decoration: none; padding:2px 0;border-radius:2px;-webkit-border-radius:2px;color:#333333;}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker td a.ui-state-hover{background-color:#f1f1f1;}
.ui-datepicker td a.ui-state-highlight{color:#fff;background-color:#00aba9;}
.ui-datepicker td a.ui-state-active{background-color:#dfdfdf;} */


/* Datepicker css end */

/* Datepicker css start */
body .ui-corner-all{border-radius: 3px;}
body .ui-datepicker{width: 17em;padding:8px 8px 3px;display: none;border: 1px solid #c5c5c5;min-width: 300px;}
body .ui-widget{font-family: Arial,Helvetica,sans-serif;font-size: 1em;}
body .ui-widget-content{border: 1px solid #ddd;background: #ffffff;color: #333333;}
body .ui-datepicker .ui-datepicker-header{position: relative;padding: 0.5em 0;color: #ffffff;background-color: #26397b;border: 1px solid #ddd;font-weight: bold;}
body .ui-datepicker .ui-datepicker-next, 
body .ui-datepicker .ui-datepicker-prev{background-color: rgba(0, 0, 0, 0.26);width: 2rem;height: 2rem;position: absolute;border: 0}
body .ui-datepicker .ui-datepicker-prev{left: 3px;top: 0;bottom: 0;margin: auto;}
body .ui-datepicker .ui-datepicker-next{right: 3px;top: 0;bottom: 0;margin: auto;}
body .ui-icon{width: 16px;height: 16px;text-indent: -99999px;overflow: hidden;}
body .ui-datepicker .ui-datepicker-prev span, 
body .ui-datepicker .ui-datepicker-next span{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
body .ui-datepicker .ui-datepicker-title{margin: 0 2.3em;line-height: 1.8em;text-align: center;}
body .ui-state-disabled, body .ui-widget-content .ui-state-disabled, body .ui-widget-header .ui-state-disabled{opacity: 0.35}
body .ui-datepicker .ui-datepicker-next:before,
body .ui-datepicker .ui-datepicker-prev:before{font-family: "Font Awesome 5 Pro";position: absolute;color: #fff;font-size: 1rem;font-weight: 700}
body .ui-datepicker .ui-datepicker-next:before{content: "\f054";left: 0;top: 0;right: 0;text-align: center;line-height: 2rem}
body .ui-datepicker .ui-datepicker-prev:before{content: "\f053";left: 0;top: 0;right: 0;text-align: center;line-height: 2rem}
body .ui-state-disabled {cursor: not-allowed!important;pointer-events:auto;}
body .ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}
body .ui-datepicker th {padding: 1em 0.3em;text-align: center;font-weight: bold;border: 0;}
body .ui-state-disabled{cursor: not-allowed!important;pointer-events: auto;}
body .ui-datepicker td {border: 0;padding: 3px;}
body .ui-datepicker td span, body .ui-datepicker td a {display: block;padding: 0.4em 0.2em;text-align: right;text-decoration: none;text-align: center;}
body .ui-state-default, 
body .ui-widget-content 
body .ui-state-default, 
body .ui-widget-header .ui-state-default, 
body .ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {border: 1px solid #c5c5c5;background: #f6f6f6;font-weight: normal;color: #454545;}
body .ui-state-highlight, body .ui-widget-content .ui-state-highlight, body .ui-widget-header .ui-state-highlight{border-color: #26397b;background: #26397b}
body .ui-datepicker td a.ui-state-highlight{color: #ffffff}
body .ui-datepicker-month, body .ui-datepicker-year{-webkit-appearance: menulist;appearance: menulist;width: 100px;border: 1px solid #dfdfdf;margin: 0 5px;width: 40%;color: #253451;height: 2rem;}
/* Datepicker css end */

body .ui-datepicker .ui-datepicker-prev:hover,
body .ui-datepicker .ui-datepicker-next:hover{background-color: #ec681d;}

.ui-datepicker-title select{-moz-appearance: menulist;-webkit-appearance: menulist;appearance: menulist;}
.ui-datepicker .ui-datepicker-title select{font-weight: 400;}

/* mcustome scrollbar css start */
.mCustomScrollbar{overflow:auto;}
.mCustomScrollBox{position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: none;direction: ltr;}
.mCSB_container{height:auto;overflow:hidden;width:auto;}
.mCSB_scrollTools{position: absolute;width: 16px;height: auto;left: auto;top: 0;right: 0;bottom: 0;}
.mCSB_scrollTools .mCSB_draggerContainer{position: absolute;top: 0;left: 0;bottom: 0;right: 0; height: auto;}   
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;height:30px;width:100%;z-index:1;}
.mCSB_dragger_bar{background-color:rgba(0,0,0,0.1);height:100%;margin:0 auto;border-radius:16px;-webkit-border-radius:16px;width:4px;text-align:center;position:relative;width:4px;}
.mCSB_draggerRail{border-radius:16px;-webkit-border-radius:16px;width:2px;height:100%;margin:0 auto;background-color:rgba(0,0,0,0.3);opacity: 0}
/* mcustome scrollbar css end */

/* Timer picker css start */
.ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box}.ui-timepicker,.ui-timepicker-viewport{box-sizing:content-box;height:205px;display:block;margin:0}.ui-timepicker{list-style:none;padding:0 1px;text-align:center}.ui-timepicker-viewport{padding:0;overflow:auto;overflow-x:hidden}.ui-timepicker-standard{font-family:'Open Sans', sans-serif;font-size:1.1em;background-color:#FFF;border:1px solid #AAA;color:#222;margin:0;padding:2px}.ui-timepicker-standard a{border:1px solid transparent;color:#222;display:block;padding:.2em .4em;text-decoration:none}.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:400;color:#212121}.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}.ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ui-timepicker-hidden{display:none}.ui-timepicker-no-scrollbar .ui-timepicker{border:none}/*# sourceMappingURL=jquery.timepicker.min.css.map */
/* Timer picker css end */


.uLogin{float: right;color: #000000;font-size: 14px;padding: 1.5625rem 0 1.5rem;font-weight: 400}
.uLogin a{color: #000000;}

.logo{float: left;height: 7.5rem;position: relative;width: 12.75rem;}
.logo a{position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;}

.menuIcon{position:absolute;right: -5px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); float:right;background-color:#fff;width:40px;height:40px;display:none;overflow:hidden;}
.menuIcon span{width:20px;height:2px;background:#464243;position:absolute;top:13px;right:9px;transition:all 500ms;}
.menuIcon span.line2{top:20px;}
.menuIcon span.line3{top:27px;}
.menuIcon span.line4{top:33px;}
.menuSlide .menuIcon span.line4, .menuSlide .menuIcon span.line1{right:-50%;opacity:0;}
.menuSlide .menuIcon span.line2, .menuSlide .menuIcon span.line3{width:20px;top:50%;right:10px;}
.menuSlide .menuIcon span.line2{transform:rotate(45deg);}
.menuSlide .menuIcon span.line3{transform:rotate(-45deg);}


.navMenu{float: right;clear: right;}
.navMenu > ul > li{float: left;font-weight: 400;position: relative;}
.navMenu > ul > li:not(:last-child){margin-right: 2.0625rem}
.navMenu > ul > li > a{color: #344784;display: inline-block;vertical-align: top;-webkit-transition: 300ms all;transition: 300ms all;border-bottom: 3px solid transparent;padding: 0 0 5px;}
.navMenu > ul > li.active > a{border-color: #ec681d;color: #ec681d}
.navMenu > ul > li.hassub > a:after{content: "\f0dd";display: inline-block;vertical-align: top;font-family: "Font Awesome 5 Pro";font-weight: 900;line-height: 1;margin: -1px 0 0 4px;}
.navMenu > ul > li.open > a:after{content: "\f0de";vertical-align: middle;margin: 0px 0 -4px 4px}

.columnSec{background-color: #f1f1f1;padding: 1.5625rem 0}
.whColumninner{background-color: #ffffff;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 0px 16.6px 3.4px rgba(0, 1, 1, 0.05);box-shadow: 0px 0px 16.6px 3.4px rgba(0, 1, 1, 0.05);height: 100%;position: relative;padding-bottom: 37px;}
.whTop{padding: 0.9375rem 1.25rem;display: table;width: 100%;}
.whTop > *{display: table-cell;vertical-align: middle;}
.iconTxt > *{display: inline-block;vertical-align: middle;}
.iconTxt > span{color: #344784;max-width: 140px;margin-left: 10px;}

.number{color: #263a7b;font-size: 2.125rem;line-height: 1.2}

.whBtm{text-align: right;color: #ec681d;font-size: 14px;line-height: 1;padding:8px 1.25rem;border-top: 1px solid #e5e5e5;position: absolute;left: 0;right: 0;bottom: 0;}
.whBtm a{color: #ec681d}

.btnWhite{padding: 2.1875rem 0 0}
.squreBtns{text-align: center;padding: 0 0 2.1875rem;width: 100%;max-width: 702px;margin: 0 auto;position: relative;}
.squreBtns .btn{width: calc(25% - 10px);}

.sqBtn{display: inline-block;vertical-align: top;border: 2px solid #aaaaaa;width: 4.25rem;height: 3.125rem;background-color: transparent;-webkit-border-radius: 5px;border-radius: 5px;position: relative;-webkit-transition: 300ms all;transition: 300ms all;}
.sqBtn:not(:last-child){margin-right: 1rem}
.sqBtn img{-webkit-transition: 300ms all;transition: 300ms all;}
.hoverImg{opacity: 0}

.select2-container--default .select2-search--dropdown .select2-search__field{font-weight: 400}
.select2-container{min-width: 100%;font-weight: 400;max-width: 100%}
span.select2-container--default .select2-selection--single{border-color: #d0d0d0;background-color: #ffffff;-webkit-border-radius: 5px;border-radius: 5px;height: 2.375rem}
.select2-container--default .select2-selection--single .select2-selection__rendered{color: #000000;padding: 0 30px 0 15px;}
.dropdownArea .select2-container--default .select2-selection--single{border-color: #ebebeb;background-color: #fafafa;}
.dropdownArea .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px;}

/* .select2-results__option{font-size: 14px;font-weight: 400} */
.select2-container--default .select2-selection--single .select2-selection__arrow:after{content: "\f078";font-family: "Font Awesome 5 Pro";font-weight: 900;line-height: 1;margin: 0;font-size: 14px;color: #a5a5a5;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;text-align: center;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 1px;bottom: 0;margin: auto;right: 11px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}

table.dataTable{border-collapse: collapse;margin-top: 15px;}
.table>thead{background-color: #26397b;border: 1px solid #26397b;}
.table>thead>tr>th{
    /* font:600 14px/1.3 'Open Sans', sans-serif; */
    color: #ffffff;padding: 0.875rem 1.25rem 0.875rem 0;
    border-bottom: 0;
    font-weight: unset;
    vertical-align: middle;
}
.table>tbody{border:1px solid #d7d7d7;border-top: 0}
.table>tbody>tr>td{
    color: #000000;
    /* font-size: 13px; */
    line-height: 1.3;
    padding: 12px 1.25rem 12px 0;border: 0;vertical-align: middle;background-color: transparent !important;}
.table>tbody>tr>td:first-child,
.table>thead>tr>th:first-child{padding-left: 1.25rem}
.table-striped>tbody>tr:nth-of-type(odd){background-color: #ffffff}
.table-striped>tbody>tr:nth-of-type(even){background-color: #f5f5f5}

.table>tbody>tr.child>td.child{background-color: #ffffff !important;}

table.dataTable.no-footer{border: 0;}
.dataTables_length,
.dataTables_wrapper .dataTables_filter{margin-bottom: 15px;}
.dataTables_wrapper .dataTables_info{color: #000000;font:400 14px/1.2 'Open Sans', sans-serif;padding: 1rem 0 0}
.dataTables_wrapper .dataTables_filter input{border:1px solid #ebebeb;-webkit-border-radius: 5px;border-radius: 5px;height: 2.375rem;padding: 0 0.9375rem;font:400 14px/1.2 'Open Sans', sans-serif;vertical-align: middle;width: 16.75rem}
.dataTables_length label,
.dataTables_filter label{color: #000000;font:400 13px/1.2 'Open Sans', sans-serif;}

.no-search .select2-search {display:none}
.dataTables_length .select2-container{min-width: 100px;text-align: left;}

.dataTables_wrapper .dataTables_paginate{padding-top: 1rem}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button{border:0;background-color: #ffffff;line-height: 29px;padding: 1px 10px 0;font-size: 12px;background-color: #dedede;color: #828282;margin: 0 5px 10px;}
.dataTables_wrapper .dataTables_paginate .paginate_button:last-child{margin-right: 0}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background: #26397b;color: #ffffff !important;border: 0}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{border: 0;cursor: not-allowed;opacity: 0.5;background: #dedede;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{border: 0;background: #ec681d;color: #ffffff;}

.site-footer{text-align: center;padding: 3rem 15px 1.4375rem;color: #8a8a8a;font:400 12px/1.2 'Open Sans', sans-serif;position: absolute;left: 0;right: 0;bottom: 0}

table.dataTable.dtr-inline.collapsed tbody tr.child{padding: 0}
table.dataTable.dtr-inline.collapsed tbody tr.child td.child{padding: 0;}
table.dataTable tr.child td.child > ul{padding: 15px;}
table.dataTable tr.child span.dtr-title:after{content: ':'}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before{left: 15px;}


.wordBreak{word-break: break-all;}
.noWrap{white-space: nowrap;}
.titleH2{color: #ec681d;border-bottom:3px solid #d6d6d6;font-size: 16px;font-weight: 600}
.titleH2 span{display: block;vertical-align: top;border-bottom: 3px solid #ec681d;margin-bottom: -3px;padding: 0 0 9px;}

.leftSpace > .nav-tabs{padding-top: 5px}
.nav-tabs{border: 0;}
.nav-tabs>li{padding-bottom: 11px;position: relative;}
.nav-tabs>li>a{padding: 0;margin: 0;border: 0;color: #000000;}
.nav-tabs>li>a:after{width: 100%;height: 3px;background-color: #ec681d;position: absolute;left: 0;bottom: -11px;content: '';display: none;}

.nav-tabs>li.active>a:after{display: block;}
.nav-tabs>li{margin-right: 2.1875rem}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border: 0;background-color: #ffffff}


.boxTab{border: 1px solid #d7d7d7;margin: 1.375rem 0 0;background-color: #f5f5f5;}

.stripForm .form-group{margin-bottom: 0;padding: 8px 1.25rem}
.stripForm .form-group > .row{display: flex;align-items: center;}
.stripForm .form-group:nth-child(odd){background-color: #ffffff}
.form-group label{
    /* font-size: 13px; */
    /* line-height: 1.2; */
    /* padding-top: 0.6875rem; */
    font: 400 1rem/1.6 "Open Sans", sans-serif;
    padding-bottom: 0.6875rem;}
/* .cmsCon section{font: 400 1rem/1.6 "Open Sans", sans-serif;} */

.cmsCon section{
    font: inherit;
    line-height: 1.6;}
.form-group label:not(.notsLable) span.mandatory{position: absolute;margin-left: 2px;}
.mandatory{color: #ff0000;line-height: 1;vertical-align: text-top;}

.form-control{border-color: #d0d0d0;height: 2.375rem;box-shadow: none;color: #000000;font: 400 13px/1.2 'Open Sans', sans-serif;}

.form-control.text-error{border-color: #b42925;}
.singleChkbox{position: relative;}
.singleChkbox input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;opacity: 0}
.singleChkbox span{width: 1.375rem;height: 1.375rem;border: 1px solid #d0d0d0;-webkit-border-radius: 3px;border-radius: 3px;display: inline-block;vertical-align: middle;-webkit-transition: 300ms all;transition: 300ms all;position: relative;}
.singleChkbox span:after{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 1rem;height: 0.75rem;background: url(../images/check-icon.png) no-repeat center center / contain;content: '';opacity: 0;}
.singleChkbox input:checked ~ span{background-color: #344784;border-color: #344784;}
.singleChkbox input:checked ~ span:after{opacity: 1}

.inlineRadio label{margin-right: 5px;position: relative;}
.inlineRadio input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;opacity: 0;z-index: 1;}
.inlineRadio label i,
.inlineRadio label span{display: inline-block;vertical-align: middle;/* line-height: 1; */ position: relative;}
.inlineRadio label span{
    /* font-size: 13px; */
    /*line-height: 1;*/
    /* font-weight: 400; */
    padding-left: 7px;}
.inlineRadio label i{border: 1px solid #c3c3c3;-webkit-border-radius: 50px;border-radius: 50px;width: 1.2142rem;height: 1.2142rem; /*width: 1.125rem;height: 1.125rem;*/ -webkit-transition: 300ms all;transition: 300ms all;}
.inlineRadio label i:after{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 0.5rem;height: 0.5rem;background: #dad7d7;content: '';-webkit-border-radius: 50px;border-radius: 50px;-webkit-transition: 300ms all;transition: 300ms all;}
.inlineRadio input:checked ~ i{background-color: #ffffff;border-color: #344784;}
.inlineRadio input:checked ~ i:after{background-color: #344784}

.inlineRadio.extraSpace label:not(:last-child){margin-right: 4.375rem}

.stripForm .form-group.btnDiv{padding-top: 10px;padding-bottom: 10px;}
.notsLable{font-weight: 400;font-size: 13px;line-height: 1.2;padding-top: 0.6875rem;padding-bottom: 0.6875rem;}
.notsLable .mandatory{font-weight: 700}


.tab-pane{display: none;}
.tab-pane.active{display: block;}
.paddLeft0{padding-left: 0}

.commonWrap{padding: 1.25rem}
.commonWrap .form-group:not(:last-child){margin-bottom: 30px;}
.commonWrap .form-group.marB15{margin-bottom: 15px;}

.moveBox{display: inline-block;vertical-align: top;width: 275px;}
.moveBox > label{font-size: 13px;line-height: 1.2;padding-top: 0.6875rem;padding-bottom: 0.6875rem;}
.moveBox > select{width: 100%;height: 8.625rem;border: 1px solid #d0d0d0;font-size: 13px;font-weight: 600;padding: 5px}
.moveBox > select > option{padding: 4px 7px;}


.moveBtns{display: inline-block;vertical-align: bottom;text-align: center;margin: 0 1.5625rem}
.moveBtns button{-webkit-border-radius: 50%;border-radius: 50%;color: #ffffff;background-color: #ec681d;width: 1.875rem;height: 1.875rem;text-align: center;font-size: 1rem;line-height: 1.875rem;-webkit-transition: 300ms all;transition: 300ms all;}
.leftRight{margin: 1.5rem 0}
.leftRight button + button{margin-left: 3.125rem}


.moveBtm{padding: 2.5rem 0 0}

.chkLabel{display: inline-block;vertical-align: middle;position: relative;}
.chkLabel > *{display: inline-block;vertical-align: middle;}

.chkLabel input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;opacity: 0}
.chkLabel i{width: 1rem;height: 1rem;border: 1px solid #cccccc;-webkit-border-radius: 3px;border-radius: 3px;display: inline-block;vertical-align: middle;-webkit-transition: 300ms all;transition: 300ms all;position: relative;}
.chkLabel > span{color: #000000;font: 600 13px/1.2 'Open Sans', sans-serif;padding: 0 0 0 5px;}
.chkLabel i:after{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 0.75rem;height: 0.625rem;background: url(../images/check-icon.png) no-repeat center center / contain;content: '';opacity: 0;}
.chkLabel input:checked ~ i{background-color: #ec681d;border-color: #ec681d;}
.chkLabel input:checked ~ i:after{opacity: 1}


.btnChkbox{padding-bottom: 2.1875rem}
.btnChkbox > *{display: inline-block;vertical-align: middle;}
.btnChkbox > label{margin-right: 1rem}

.leftSpace{padding: 1.5625rem 0 0 0}

.absoMsg{position: relative;}
.absoMsg span{position: absolute;;left: 0;bottom: -30px;color: #000000;font: 600 13px/1.2 'Open Sans', sans-serif;}

.sortIcon{width: 1.1875rem;height: 0.875rem;background: url(../images/menu-icon.png) no-repeat center center / contain;vertical-align: middle;margin: 0 1.2rem 0 0.8rem;display: inline-block;vertical-align: middle;}
.sortSpan{display: inline-block;vertical-align: middle;max-width: calc(100% - 4rem)}

.actionBtns{display: inline-block;vertical-align: middle;}
.btnArchive{display: inline-block;vertical-align: middle;
            /* width: 1.25rem;
            height: 1.25rem;
            background: url(../images/archive-icon.png) no-repeat center center / contain; */
}
.btnDelete{display: inline-block;vertical-align: middle;
           /* width: 1.25rem;
           height: 1.375rem;
           background: url(../images/delete-icon.png) no-repeat center center / contain; */
}

.table>thead>tr>th[align="center"]{text-align: center;}
.table>thead>tr>th[align="right"]{text-align: right;}
.table>thead>tr>th[align="left"]{text-align: left;}

/* #list_article.table>thead>tr>th:first-child{padding-left: 4.5rem} */

.btnSelect .select2-container{min-width: calc(100% - 10rem);float: right;}

.choBtn{}
.uploadDiv{display: inline-block;vertical-align: middle;position: relative;}
.uploadDiv input[type="file"]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;opacity: 0}
.uploadDiv > *{display: inline-block;vertical-align: middle;}
.fileTxt{color: #000000;font: 400 13px/1.2 'Open Sans', sans-serif;padding-left: 0.3rem}
.choBtn{line-height: 2.125rem;}
.dropdown-menu>li>a{padding-top: 5px;padding-bottom: 5px;}

.upimgDiv > *{display: inline-block;vertical-align: bottom;}
.upimgDiv > i{border: 1px solid #d0d0d0;background-color: #f5f5f5;padding: 6px 12px;-webkit-border-radius: 5px;border-radius: 5px;margin-right: 4px;}
.upimgDiv > i img{max-width: 120px;}

.dtr-data{word-break: break-all;}

/*.dropdownArea{max-width: 725px;width: 100%; margin-left: auto;margin-right: auto;position: relative;right: 30px;}*/
.marB15{margin-bottom: 15px;}


table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after{
    font-size: 0.8em;
    padding-top: 0.12em;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;    
    padding: 0 0 0 5px;    
}

table.dataTable thead th.sorting:after {
    content: "\f0dc";        
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de";    
    position: relative;
    top: 2px;
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";    
    position: relative;
    top: -2px;    
}

.progress .bar {
    float: left;
    width: 0px;
    height: 100%;
    font-size: 12px;
    color: rgb(255, 255, 255);
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
    background-color: rgb(14, 144, 210);
    background-image: linear-gradient(rgb(20, 155, 223), rgb(4, 128, 190));
    box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px inset;
    box-sizing: border-box;
    background-repeat: repeat-x;
    transition: width 0.6s ease 0s;
}

.progress-striped .bar {
    background-color: #ec681d;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
.progress.active .bar {
    animation: 2s linear 0s infinite normal none running progress-bar-stripes;
}

.btmAction {margin-top: 2rem;}
.btmAction > form{display: inline-block;vertical-align: top;margin-left: 7px;}
.btmAction > .btn + form + .btn,
.btmAction > .btn + form{margin-left: 7px;}
.form-group label .tooltipSpan,
span.mandatory + .tooltipSpan {    
    font-size: 16px;
    color: rgb(102, 102, 102);
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
span.mandatory + .tooltipSpan {
    margin-left: 12px;
}

.blockRadio > label {
    display: block;
    padding: 0.6875rem 0px 0px;
}
/*.blockRadio-inlinelable > label{
    display: inline-block;
}*/

textarea.txtArea {
    height: 102px;
    resize: both;
}
#signature {
    height: 14.28rem;
    border:1px solid #d0d0d0;
    width: 100%;
}
#sign_prev{
    border:1px solid #d0d0d0;    
    -webkit-border-radius: 4px;
    border-radius: 4px;    
    overflow: hidden;
}

.inlineRadio label input[type="checkbox"] ~ i {
    border-color: rgb(204, 204, 204);
    border-radius: 3px;
}
.inlineRadio label input[type="checkbox"] ~ i::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/check-icon.png) center center / 70% no-repeat;
    border-radius: 0px;
}
.inlineRadio label input[type="checkbox"]:checked ~ i {
    background-color: rgb(52, 71, 132);
    border-color: rgb(52, 71, 132);
}

.cmsCon table tbody > tr > td{
    vertical-align: middle;
    padding: 5px;
}
.cmsCon table tbody > tr > td textarea,
.cmsCon table tbody > tr > td input,
.cmsCon .jbh input,
.cmsCon .jbh textarea{
    border:1px solid #d0d0d0;
    height: 2.375rem;
    box-shadow: none;
    color: #000000;
    font: 400 13px/1.2 'Open Sans', sans-serif;
    padding: 6px 12px;
    border-radius: 4px;
    min-width: 250px;
}
.cmsCon table tbody > tr > td textarea{
    height: 55px;
    resize: both;
    vertical-align: middle;
}
.cmsCon table tbody > tr > td:first-child{
    width: 1%;
    white-space: nowrap;
    padding-left: 0;
}
.dynamic_custom_text textarea,
.cmsCon .jbh textarea,
.cmsCon table tbody > tr > td .dynamic_custom_text textarea{
    width: 100%;  height: 100px; 
}

.datepicker{background-color: #ffffff;background-image: url(../images/calendar.svg);background-repeat: no-repeat;background-position: calc(100% - 10px) center;background-size: 18px auto;}
.time-picker, .timepicker{background-color: #ffffff;background-image: url(../images/clock-circular-outline.svg);background-repeat: no-repeat;background-position: calc(100% - 10px) center;background-size: 18px auto;}


.bootstrap-timepicker-widget input[type="text"]{
    background-color:#ffffff;
    border: 1px solid
        #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px
        rgba(0, 0, 0, 0.075);
    -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;
    width: 40px;
    height: 30px;
}

.bootstrap-timepicker-widget table{
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fafafa;
}
.files_body_attachment > li{
    margin-top: 10px;
}
.files_body_attachment > li > *{
    display: inline-block;
    vertical-align: middle;
}

.files_body_attachment > li > .file_delete{
    margin-left: 10px
}
.files_body_attachment > li > .file_name{
    max-width: calc(100% - 35px);
    word-break: break-all;
}

.stripForm .form-group > .align_top_flex{
    align-items: flex-start;
}

.hasEqual{padding-left: 85px;}
.equalSpan{
    position: absolute;
    line-height: 2.375rem;
    left: -5px;
    width: 75px;
}
.equalSpan .select2-container{vertical-align: top;}

.FixedHeader_Header .noWrap{white-space: normal;}

.hasbtnSelect > * {float: left;}
.btnwSelect{width: calc(100% - 150px);float: right;}
.btnSelect .btnwSelect .select2-container{min-width: 100%;}

/* .columnTable{display: table;width: 100%;table-layout: fixed;}
.columnTable > *{float: none;display: table-cell;vertical-align: top;} */

.applyFlex{display: flex;flex-wrap: wrap;}

/* .hasMsg{display: table;}
.hasMsg > *{display: table-cell;vertical-align: middle;}
.msgSpan{width: 1%;white-space: nowrap;padding-left: 15px;} */


.hasMsg{z-index: 1;}
.msgwithIcon{white-space: nowrap;}
.msgwithIcon > *{display: inline-block;vertical-align: middle;}

.paddL35{padding-left: 35px;}
.paddL100 {
    padding-left: 100px;
}
span.msgInfo {position: absolute;left: 20%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

span.msgSpan {position: absolute;left: 100%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
span.errmsgSpan{
    position: absolute;
    /* left: 100%; */
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.percent-style{ font-weight: 600; position: absolute;
                left: 100%;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);}
i.themeColor {
    font-size: 20px;
    cursor: pointer;
}

.paddL60{padding-left: 60px;}

#wrapper {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    position: relative;
    padding-bottom: 5.3125rem;
}

.foMenu{display: inline-block;padding: 0 15px;}
.foMenu > li{float: left;}
.foMenu > li:not(:last-child):after{content: '|';display: inline-block;margin: 0 1.5rem;;}
.dropdownLabel{
    text-align: right;
}

.dataTables_processing{
    top:70px !important;

}  



.inlineLablese{display: table;width: 100%;padding-left: 100px;}
.inlineLablese > *{display: table-cell;vertical-align: middle;width: 100%;}
.inlineLablese > .seLable{width: 1%;padding-right: 10px;white-space: nowrap;}

.dataTables_wrapper .custom_filter_class{position: absolute;right: 0;top: -50px;}

table.dataTable td.dataTables_empty{height: 80px;vertical-align: bottom;}


.hasMsg .text-error + .percent-style{top: calc(50% - 18px);}


.flWrap{flex-wrap: wrap;}
.flwThree label.text-error{padding-top: 0;padding-bottom: 0;display: block;}
.wrpTbl{display: block;overflow: auto;}
td.dataTables_empty:before{display: none !important;}

.toggleTxt > *{vertical-align: middle;}
.toggleTxt .form-control{width: 40%;margin: 0 10px 0 15px;}

@media only screen and (min-width: 1200px){
    .navMenu > ul > li.open > a,
    .navMenu > ul > li:hover > a{border-color: #ec681d;color: #ec681d}

    .sqBtn:hover{background-color: #ec681d;border-color: #ec681d}
    .sqBtn:hover img{opacity: 0}
    .sqBtn:hover .hoverImg{opacity: 1}

    .btn-primary:hover{background-color: #ec681d;border-color: #ec681d}

    .moveBtns button:hover{background-color: #344784}

}


@media only screen and (max-width: 1199px){
    html{font-size: 14px;}

    .nav-tabs{white-space: nowrap;overflow: auto;}
    .nav-tabs > li{float: none;display: inline-block;vertical-align: top;margin-right: 2.5rem}
    .dropdownArea, .squreBtns{right: 0}    
    .FixedHeader_Cloned.fixedHeader.FixedHeader_Header{display: none;} 
    .inlineLablese{padding-left: 0;}

}

@media only screen and (max-width: 991px){
    .dataTables_wrapper .custom_filter_class{position: relative;right: 0;top: auto;margin-top: 15px;}
}

@media only screen and (max-width: 767px){

    .uLogin{padding: 10px 15px;float: none;margin: 0 -15px;background-color: #f1f1f1;text-align: right;font-size: 12px;}
    .whColumn ~ .whColumn{margin-top: 10px;}

    .sqBtn:not(:last-child){margin-right: 0.5rem}
    .sqBtn{width: 3.5rem;height: 3rem;border-width: 1px;}
    .sqBtn img{max-height: 20px;max-width: 20px;}
    /*    .number{font-size: 1.8rem}*/

    .logo{width: 100%;height: auto;padding: 10px 0}
    .logo a{position: relative;top: auto;-webkit-transform: none;transform: none;}
    .logo img{max-width: 150px;}
    .menuIcon{display: block;}


    .site-header{position: relative;    z-index: 999;}
    .navMenu{position: absolute;left: 0;right: 0;top: 100%;background-color: #ffffff;z-index: 999;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1);box-shadow: 0 0 6px rgba(0,0,0,0.1);display: none;}
    .navMenu > ul > li:not(:last-child){margin-right: 0;border-bottom: 1px solid rgba(0,0,0,0.06)}
    .navMenu > ul > li{float: none;padding: 0 15px;}
    .navMenu > ul > li > a{border: 0;line-height: 40px;display: block;position: relative;}
    .navMenu > ul > li.hassub > a:after{position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin:-4px 0 0;}
    .navMenu > ul > li.open > a:after{margin-top: 0}
    .navMenu .dropdown-menu{position: relative;box-shadow: none;float: none;border: 0;padding: 0 0 20px;margin: 0}
    .navMenu .dropdown-menu>li>a{padding: 10px 15px;}

    .table>tbody>tr>td{/*white-space: nowrap;*/padding-top: 10px;padding-bottom: 10px;}

    .inlineRadio label span{max-width: calc(100% - 1.6rem);width: 100%}

    .leftSpace{padding-left: 0;}


    .form-group label{line-height: 1.3}
    .stripForm .form-group{padding-bottom: 16px;}

    .mobileFull.inlineRadio.extraSpace label:not(:last-child){margin-right: 0}
    .mobileFull.inlineRadio label{width: 100%}
    #list_article.table>thead>tr>th:first-child{padding-left: 1.25rem}

    .absoMsg span{position: static;display: block;padding: 10px 0 20px}
    .dataTables_wrapper #list_article_filter{display: block;width: 100%}
    .dataTables_length label, #list_article_filter label{display: block;width: 100%;text-align: left;}
    .dataTables_wrapper #list_article_filter input{width: calc(100% - 55px)}



    .leftSpace .btn:nth-child(1), .leftSpace .btn:nth-child(2) {
        /* max-width: 40%;
        width:100%; */
    }   
    .leftSpace .btn:nth-child(3){margin-top:10px;}

    .dropdownArea{width: auto;margin: 0 -15px 20px;}
    .dropdownArea .marB15{margin-bottom: 0}
    .btmAction .btn {margin-bottom: 5px;}
    .btmAction > .btn + form + .btn,
    .btmAction > .btn + form,
    .btmAction .btn + .btn {margin-left: 0px;}
    div table.width67{width: 100%;}
    .cmsCon table tbody > tr > td textarea, .cmsCon table tbody > tr > td input{
        min-width: 1px;
        max-width: 250px;
        width: 100%;
    }

    .cmsCon table tbody > tr > td textarea.has_exclamation, .cmsCon table tbody > tr > td input.has_exclamation{
        max-width: calc(100% - 30px);
    }
    .mblockLable .radioWrap label{display: block;}
    body .tbGroup > *{max-width: 90%;}
    .toonSelect{margin-top: 10px;}

    .wordBreak{word-break: normal;}
    .noWrap{white-space: normal;}
    .btnwSelect{width: 100%;margin-top: 10px;}
    .paddL60{padding-left: 15px;}

    .hasMsg{display: table;}
    .hasMsg > *{display: table-cell;vertical-align: middle;}
    .msgSpan{width: 1%;white-space: nowrap;padding-left: 15px;}
    .msgInfo{width: 1%;white-space: nowrap;padding-left: 15px;}
    .percent-style{width: 1%;white-space: nowrap;padding-left: 15px;}
    .paddL35{padding-left: 15px;}
    .paddL100 { padding-left: 15px;}
    span.msgSpan {position: relative;left: auto;top: auto;-webkit-transform: translateY(0);transform: translateY(0);}  
    span.msgInfo {position: relative;left: auto;top: auto;-webkit-transform: translateY(0);transform: translateY(0);}  
    span.errmsgSpan {position: relative;right: auto;top: auto;-webkit-transform: translateY(0);transform: translateY(0);}  
    span.percent-style {position: relative;left: auto;top: auto;-webkit-transform: translateY(0);transform: translateY(0);}    

    .dropdownLabel{
        text-align: left;
    }
    .inlineLablese{padding-top: 10px;}
    div.selectError > .text-error{padding: 0}
    .inputLabeldiv > label{display: block;}  
    .toggleTxt .form-control {width: calc(100% - 105px); margin-left: 0;}

}

@media only screen and (max-width: 500px){
    .leftSpace .btn + .btn{margin: 7px  0 0;}
    .mtop{margin-top: 10px;}

}

@media only screen and (min-width: 370px) and (max-width: 600px){

}

@media only screen and (max-width: 479px){
    .qtyRow .uploadDiv {width: 100%;}    
    .qtyRow .uploadDiv ~ .btn-green {margin-top: 10px;}    
    div.uploadDoc{margin-left: 0;display: block;}
    .divdynamicinput > input, .divdynamicinput > textarea{width: calc(100% - 40px) !important;}
}

@media only screen and (max-width: 567px){
    .dropdownArea .col-xs-12 ~ .col-xs-12{margin-top: 8px;}

    .sortSpan{width: calc(100vw - 11rem)}
    /*{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}*/
    .stripForm .form-group > .row{display: block;}

    .hasEqual{padding-left: 100px;margin-top: 10px;}
    .equalSpan{left: 15px;}    
    .mmarTop10{margin-top: 10px;}
    div .modal-body.stripForm .form-group{margin-bottom: 0}
    .sidebyBtn .uploadDiv{margin: 0 0 10px;display: block;}
    /* .hasMsg{display: table;}
    .hasMsg > *{display: table-cell;vertical-align: middle;}
    .msgSpan{width: 1%;white-space: nowrap;padding-left: 15px;}
    .paddL35{padding-left: 15px;}
    span.msgSpan {position: relative;left: auto;top: auto;-webkit-transform: translateY(0);transform: translateY(0);}     */

}

@media only screen and (min-width: 480px) and (max-width: 767px){
}

@media only screen and (max-width: 600px){
    .moveBox{width: 100%}
    .moveBtns{margin: 30px 0 20px;width: 100%}
    .moveBtns button{-webkit-transform: rotate(90deg);transform: rotate(90deg);}

    .moveBtns > *{display: inline-block;vertical-align: middle;}
    .leftRight{margin: 0 10px;}
    .leftRight button + button{margin-left: 10px;}

    .squreBtns .btn{width: calc(50% - 3px);padding: 0}    
    .squreBtns .btn + .btn + .btn{margin-top: 5px;}
    .squreBtns .btn + .btn{margin-left: 0;}
    .mtop{margin-top: 10px;}

}

@media only screen and (min-width: 568px) and (max-width: 767px){
    .dataTables_wrapper .dataTables_info{float: left;}
    .dataTables_wrapper .dataTables_paginate{float: right;margin-top: 0}
    .dropdownArea .col-xs-12{width: 50%}
    .dropdownArea .col-xs-12:nth-child(2) ~ .col-xs-12{margin-top: 8px;}
    .dropdownArea .col-xs-12:nth-child(odd){padding-right: 4px;}
    .dropdownArea .col-xs-12:nth-child(even){padding-left: 4px;}

    .dataTables_wrapper .dataTables_length{float: left;}
    .dataTables_wrapper .dataTables_filter{float: right;}

    .stripForm .form-group [class^="col-lg-"]{width: 50%}
    .strip568 .form-group [class^="col-lg-"]{width: 40%}
    .strip568 .form-group [class^="col-lg-"] + [class^="col-lg-"]{width: 60%}

    .width50{width: 50%}

    .stripForm .form-group .full568{width: 100%}
    .stripForm .form-group .width-568-40{width: 40%}
    .stripForm .form-group .width-568-10{width: 10%}

    .stripForm .form-group > .row.blockRow{display: block;}
    .stripForm .form-group .blockRow [class^="col-lg-"]{width: 100%;}
    .blockRow .width-568-40 .col-sm-6.col-xs-12{width: 50%;}

    .row-568Wrap .form-group > .row{flex-wrap: wrap;}

    .stripForm .form-group.fullRow [class^="col-lg-"],
    .fullColumn-568 .form-group [class^="col-lg-"]:not(.noFull){width: 100%;}
    .stripForm .form-group.fullRow > .row{display: block}
    .rowWrap568 .form-group > .row{flex-wrap: wrap;}

    .setIn568 .c1{width: 27% !important;}
    .setIn568 .c2{width: 40% !important;}
    .setIn568 .c3{width: 32% !important;padding-left: 31px;}

    .stripForm .form-group [class^="col-lg-"].flwOne{width: 35.587%;}
    .stripForm .form-group [class^="col-lg-"].flwTwo{width: 29%;}
    .stripForm .form-group [class^="col-lg-"].flwThree{width: 34%;}

}



@media only screen and (min-width: 600px) and (max-width: 767px){
    .moveBox{width: 40%}
    .moveBtns{width: 20%;margin: 0 -5px;}
    .leftRight button + button{margin-left: 2rem}
}

@media only screen and (min-width: 730px) and (max-width: 767px){

}

@media only screen and (min-width: 768px) and (max-width: 1259px){
    .stripForm .form-group > .row.blockRow{display: block;}    
}


@media only screen and (min-width: 768px) and (max-width: 991px){
    .logo{width: 10rem}  
    .uLogin,
    .navMenu > ul > li{font-size: 13px;}
    .navMenu > ul > li:not(:last-child){margin-right: 1rem}

    .whColumn + .whColumn + .whColumn{float: none;clear: both;margin: 0 auto;padding-top: 30px;}
    .moveBox{width: 40%}
    .moveBtns{width: 20%;margin: 0 -5px;}
    .leftRight button + button{margin-left: 2rem}
    .wrapRow{flex-wrap: wrap;}
    .sidebyBtn .uploadDiv {margin: 0 0 15px;display: block;}

}

@media only screen and (min-width: 992px) and (max-width: 1259px){

}

p.label-error,
label.text-error,
.error_div label {
    color: #b42925 !important;
    font-weight: normal;
    font-size: 14px;
}

.fileinput-button{vertical-align: middle;}
.uploadMsg{vertical-align: middle;padding-left: 10px;color: #828282;}

.atatchImgtable tbody,
.atatchImgtable{display: block}
.atatchImgtable tr{display: inline-block;vertical-align: top;border: 1px solid #dfdfdf;padding: 5px 10px;border-radius: 5px;width: 100%;}
.atatchImgtable tr ~tr{margin-top: 5px;}
.atatchImgtable tr td{width: auto;display: inline-block;word-break: break-all;vertical-align: middle}
/*.atatchImgtable tr td.delete{float: right;}*/
.atatchImgtable tr td.name{width: calc(100% - 35px);}
.atatchImgtable tr td.delete button{background-color: transparent;}
.atatchImgtable tr td.error{margin-left: 15px;}

.martop15{margin-top: 15px;}

.kbw-signature{
    border-color: #d0d0d0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.artical_multiselect .selected-right {
    margin-top: 25px;
}

/*Icons*/
.link-button-with-icon {
    padding: 6px 6px;
    /* border-radius: 3px !important;
    margin-right: 5px !important; */
}
.themeColor{
    padding: 6px 6px !important;
}

.icon-big-bin {
    background: url(../images/icon-big-bin.png) no-repeat center 50% !important;
    margin-top: -10px !important;
}
.icon-big-random {
    background: url(../images/icon-big-random.png) no-repeat center 50% !important;
    margin-top: -10px !important;
}
.icon-big-eye {
    background: url(../images/icon-big-eye.png) no-repeat center 50% !important;
    margin-top: -10px !important;
}
.icon-big-pdf {
    background: url(../images/icon-big-pdf.png) no-repeat center 50% !important;
    margin-top: -10px !important;
}
.icon-big-upload {
    background: url(../images/upload.png) no-repeat center 50% !important;
    margin-top: -10px !important;
}
.icon-big-red-downloadb {
    background: url(../images/download_red.png) no-repeat center 50% !important;
    margin-top: -10px !important;
}
.icon-big-downloadb {
    background: url(../images/download.png) no-repeat center 50% !important;
    margin-top: -10px !important;
}
table.width67{width: 67%;}
#signature canvas{max-width: 100%;}

.form-group label:empty{
    display: none;
}

.excSpan{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
textarea.has_exclamation ~ .excSpan{
    vertical-align: top;
}

.excSpan .icon-exclamation-news{
    margin: 0;
}
.uploadDoc {
    margin-left: 11px;

}
.statisticIcon{
    max-height: 35px;
}
.modal-body {
    position: relative;
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
}

.haveDiv > div{display: inline-block;vertical-align: middle;position: relative;padding: 0 25px 0 5px;}
.haveDiv > div > input{border:1px solid #d0d0d0;height: 2.375rem;box-shadow: none;color: #000000;font: 400 13px/1.2 'Open Sans', sans-serif;width: 100px;padding:6px 12px;border-radius: 4px;position: relative;opacity: 1;}
.haveDiv > div > span{top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: auto;max-width: 100%; position: absolute;}
.haveDiv > div > span > i{border:0;border-radius: 0;width: auto;height: auto; margin-top: 0;}
.haveDiv > div > span > i:after{display: none;}

.inlineRadio label span.haveP > p{
    /* line-height: 1; */
    margin-top: -3px;}
.inlineRadio label span.haveP{padding-right: 12px;vertical-align: top;width: auto;max-width: 100%;}
.inlineRadio label span.haveP > font{position: absolute;right: -5px;}
.excSpan {vertical-align: middle;line-height: 1;}
.inlineRadio label span.haveP ~ label:not(:empty).text-error{display: block;}
.selectError{position: relative;}
.selectError > .text-error{position: absolute;
                           /* left: 0;  */
                           top: 100%;
                           padding: 0;
}
.inlineRadio label span.haveDiv{max-width: inherit;width: auto;}
span.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 2.2142rem;}

.inlineRadio input[type="text"].form-control{position: relative;left: 0;top: 0;opacity: 1;}

/* New css added for checkbox and for radio button start */
/* .inlineRadio label i, .inlineRadio label span{vertical-align: top;}
.inlineRadio label span.haveDiv{width: 100%;max-width: calc(100% - 1.4285rem);} */

.newcheckbox .inlineRadio label > i{display: none;}
.newcheckbox .inlineRadio label span{padding: 0 0 0 1.79rem;
    /* line-height: 1.2; */
}
.newcheckbox .inlineRadio label span:before{border: 1px solid #c3c3c3;-webkit-border-radius: 50px;border-radius: 50px;width: 1.2142rem;
    height: 1.2142rem;-webkit-transition: 300ms border-color, 300ms background-color;
    transition: 300ms border-color, 300ms background-color;position: absolute;left: 0;top: 0.28rem;content: '';}
.newcheckbox .inlineRadio label input[type="checkbox"] ~ span:before{border-radius: 0;}
.newcheckbox .inlineRadio input[type="checkbox"]:checked ~ span:before{background: url(../images/check-icon.png) center center / 70% no-repeat;background-color: rgb(52, 71, 132);border-color: rgb(52, 71, 132);}
/*.cmsCon strong,  .cmsCon b{font-weight: normal}*/
.newcheckbox .inlineRadio label input[type="radio"] ~ span:after{position: absolute;left: 0.36rem;
    /* top: 0.36rem; */
    top: 0.64rem;
    width: 0.5rem;height: 0.5rem;background: #dad7d7;content: '';-webkit-border-radius: 50px;border-radius: 50px;-webkit-transition: 300ms all;transition: 300ms all;}
.newcheckbox .inlineRadio label input[type="radio"]:checked ~ span:after{background-color: #344784}
.newcheckbox .inlineRadio label input[type="radio"]:checked ~ span:before{background-color: #ffffff;border-color: #344784;}

.newcheckbox .inlineRadio label span.haveP > font{display: none;}
.newcheckbox .inlineRadio label span.haveP > font + *:after{content: ' *';color: #f00}

.inlineRadio label span.haveP > p:last-child{padding-bottom: 0}

/* New css added for checkbox and for radio buttonend */


input[type="range"],
input[type="range"].form-control {-moz-appearance: scale-horizontal; -webkit-appearance: slider-horizontal;appearance: slider-horizontal;padding: 0;background: transparent;box-shadow: none;outline: none !important;}

td button{background-color: transparent;border: 0;padding: 0}
.numSpan{position: relative;}
.numSpan > span {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    padding: 2px 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
}
.redSpan{background-color: #f00;}
.blueSpan{background-color: #344784;}
.custom-process .dataTables_wrapper .dataTables_processing{top: 111px !important;}
/* .dataTables_wrapper .dataTables_processing{top: 125px !important;} */
/* .modal-body.stripForm .form-group{margin-bottom: 15px;} */

#show_import_feature{background-color: #f1f1f1;padding: 1.5625rem 1.5625rem 0.5rem}
.displayBlock{display: block;}
.blueTitle{color: #344784}
.exclamIcon{margin-top: 5px !important;margin-left: 3px !important;}
.text-error{color:#b42925 ;} 

/* Releases css start */
.releRow{padding: 2rem 0 0 0}
.relTop{border-bottom: 1px solid #d5d5d5;padding: 0 0 1.07rem;margin: 0 0 1.43rem;}
.relTop > *{display: inline-block;vertical-align: middle;}
.relnumspan{color: #ec681d;border-right: 1px solid #d5d5d5;padding: 0 12px 0 0;margin-right: 8px;}
.relDate{color: #636363;background-image: url(../images/calendar.svg);background-repeat: no-repeat;background-position: left center;background-size: 1.33rem auto;padding: 0 0 0 1.7rem;line-height: 1.35rem;}
.relBtm h2{color: #263a7b;font-weight: 700;font-size: 1.1428rem;padding: 0 0 1.15rem;line-height: 1.3}
/* Releases css end */

.newcheckbox .inlineRadio .hasInnettxt label input[type="radio"] ~ span:after,
.newcheckbox .inlineRadio .hasInnettxt label span:before{top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.modal-body .selectError > .text-error + span.select2 {margin-bottom: 16px;}
.modal-body .selectError > .valid + .text-error + span.select2 {margin-bottom: 0;}
.modal-body .selectError > .text-error{top: calc(100% - 12px)}
.dwnloadbtn{margin-right: 11px;}

.loginWrapper{display: table;height: 100vh;width: 100%;overflow: auto;}
.loginWrapper > *{display: table-cell;vertical-align: middle;}
.loginLeft{width: 60%;position: relative;background-size: cover;background-position: center center}
.loginLeft:after{position: absolute;left: 0;top: 0;right: 0;bottom: 0;content:'';background-color: #000000;opacity: 0.32;}
.loginRight{width: 40%;padding: 30px;}
.loginInner{margin: auto;max-width: 400px;width: 100%;}
.loginLogo{padding-bottom: 50px;}
.loginLogo img{max-width: 210px;max-height: 100px;margin: auto;display: block;}
.loginInner .titleH2{margin-bottom: 30px;}
.loginInner .form-control{height: 45px;}
.loginInner .form-group{margin-bottom: 20px;}
.forgotDiv{float: right;margin: 10px 0 0}
.forgotDiv a{color: #252525;}
.loginerrorMsg {
    color: #f00;
}
.cmsCon a{color: #365ace;}
.qtyRow a{color: #365ace;}

@media only screen and (max-width: 991px){
    .loginWrapper{width: block}
    .loginWrapper > *{display: block;width: 100%}
    .loginLeft{padding-top: 50%}
    .col-lg-5.col-md-6.col-sm-12.preview__file.col-sm-mt-10{margin-top: 10px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    .loginWrapper > *{width: 50%}	
    .preIcon{    
        position: absolute;
        left: calc(100% - 26px);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
textarea.form-control{line-height: 1.5;}
#workingtr{line-height: 1.5;}
#iframe_input {height: fit-content !important; width: fit-content !important;}
.paddTop15{padding-top: 15px;}
.marTopm10{margin-top: -10px;}
.close { font-size: 16px; }
table.dataTable.display tbody tr.odd>.sorting_1{background-color: unset!important;}
table.dataTable.display tbody tr:hover>.sorting_1{background-color: unset !important;}

.jbh td > div{display: inline;vertical-align: middle;margin: 0 0 0 -9px;}
.cmsCon .jbh table tbody > tr > td{padding-top: 10px;padding-bottom: 10px;}
.dtr-details { cursor: text;}
.cmsCon .jbh td > div{margin-left: 0;}

.sidebyBtn .uploadDiv{margin-right: 15px;}

div table.dataTable.display tbody tr.even > .sorting_1, div table.dataTable.order-column.stripe tbody tr.even > .sorting_1{background-color: transparent;}
.cal_child_div .row {
    padding: 6px 0;
}
.defaultIC input[type="checkbox"],
.defaultIC input[type="radio"],
.cmsCon table tbody > tr > td input[type="checkbox"],
.cmsCon table tbody > tr > td input[type="radio"]{width: auto;height: auto;-webkit-appearance: auto;appearance: auto;min-width: 1px;border: 0;}
.cmsCon ul, ol {
    padding-left: 2.86rem;
    margin-bottom: 1rem;
}

.cmsCon ul{
    list-style: disc;
}
.cmsCon ol{
    list-style: decimal;
}