.m40px{margin:40px}.m39px{margin:39px}.m38px{margin:38px}.m37px{margin:37px}.m36px{margin:36px}.m35px{margin:35px}.m34px{margin:34px}.m33px{margin:33px}.m32px{margin:32px}.m31px{margin:31px}.m30px{margin:30px}.m29px{margin:29px}.m28px{margin:28px}.m27px{margin:27px}.m26px{margin:26px}.m25px{margin:25px}.m24px{margin:24px}.m23px{margin:23px}.m22px{margin:22px}.m21px{margin:21px}.m20px{margin:20px}.m19px{margin:19px}.m18px{margin:18px}.m17px{margin:17px}.m16px{margin:16px}.m15px{margin:15px}.m14px{margin:14px}.m13px{margin:13px}.m12px{margin:12px}.m11px{margin:11px}.m10px{margin:10px}.m9px{margin:9px}.m8px{margin:8px}.m7px{margin:7px}.m6px{margin:6px}.m5px{margin:5px}.m4px{margin:4px}.m3px{margin:3px}.m2px{margin:2px}.m1px{margin:1px}.mt40px{margin-top:40px}.mt39px{margin-top:39px}.mt38px{margin-top:38px}.mt37px{margin-top:37px}.mt36px{margin-top:36px}.mt35px{margin-top:35px}.mt34px{margin-top:34px}.mt33px{margin-top:33px}.mt32px{margin-top:32px}.mt31px{margin-top:31px}.mt30px{margin-top:30px}.mt29px{margin-top:29px}.mt28px{margin-top:28px}.mt27px{margin-top:27px}.mt26px{margin-top:26px}.mt25px{margin-top:25px}.mt24px{margin-top:24px}.mt23px{margin-top:23px}.mt22px{margin-top:22px}.mt21px{margin-top:21px}.mt20px{margin-top:20px}.mt19px{margin-top:19px}.mt18px{margin-top:18px}.mt17px{margin-top:17px}.mt16px{margin-top:16px}.mt15px{margin-top:15px}.mt14px{margin-top:14px}.mt13px{margin-top:13px}.mt12px{margin-top:12px}.mt11px{margin-top:11px}.mt10px{margin-top:10px}.mt9px{margin-top:9px}.mt8px{margin-top:8px}.mt7px{margin-top:7px}.mt6px{margin-top:6px}.mt5px{margin-top:5px}.mt4px{margin-top:4px}.mt3px{margin-top:3px}.mt2px{margin-top:2px}.mt1px{margin-top:1px}.ml40px{margin-left:40px}.ml39px{margin-left:39px}.ml38px{margin-left:38px}.ml37px{margin-left:37px}.ml36px{margin-left:36px}.ml35px{margin-left:35px}.ml34px{margin-left:34px}.ml33px{margin-left:33px}.ml32px{margin-left:32px}.ml31px{margin-left:31px}.ml30px{margin-left:30px}.ml29px{margin-left:29px}.ml28px{margin-left:28px}.ml27px{margin-left:27px}.ml26px{margin-left:26px}.ml25px{margin-left:25px}.ml24px{margin-left:24px}.ml23px{margin-left:23px}.ml22px{margin-left:22px}.ml21px{margin-left:21px}.ml20px{margin-left:20px}.ml19px{margin-left:19px}.ml18px{margin-left:18px}.ml17px{margin-left:17px}.ml16px{margin-left:16px}.ml15px{margin-left:15px}.ml14px{margin-left:14px}.ml13px{margin-left:13px}.ml12px{margin-left:12px}.ml11px{margin-left:11px}.ml10px{margin-left:10px}.ml9px{margin-left:9px}.ml8px{margin-left:8px}.ml7px{margin-left:7px}.ml6px{margin-left:6px}.ml5px{margin-left:5px}.ml4px{margin-left:4px}.ml3px{margin-left:3px}.ml2px{margin-left:2px}.ml1px{margin-left:1px}.mr40px{margin-right:40px}.mr39px{margin-right:39px}.mr38px{margin-right:38px}.mr37px{margin-right:37px}.mr36px{margin-right:36px}.mr35px{margin-right:35px}.mr34px{margin-right:34px}.mr33px{margin-right:33px}.mr32px{margin-right:32px}.mr31px{margin-right:31px}.mr30px{margin-right:30px}.mr29px{margin-right:29px}.mr28px{margin-right:28px}.mr27px{margin-right:27px}.mr26px{margin-right:26px}.mr25px{margin-right:25px}.mr24px{margin-right:24px}.mr23px{margin-right:23px}.mr22px{margin-right:22px}.mr21px{margin-right:21px}.mr20px{margin-right:20px}.mr19px{margin-right:19px}.mr18px{margin-right:18px}.mr17px{margin-right:17px}.mr16px{margin-right:16px}.mr15px{margin-right:15px}.mr14px{margin-right:14px}.mr13px{margin-right:13px}.mr12px{margin-right:12px}.mr11px{margin-right:11px}.mr10px{margin-right:10px}.mr9px{margin-right:9px}.mr8px{margin-right:8px}.mr7px{margin-right:7px}.mr6px{margin-right:6px}.mr5px{margin-right:5px}.mr4px{margin-right:4px}.mr3px{margin-right:3px}.mr2px{margin-right:2px}.mr1px{margin-right:1px}.mb40px{margin-bottom:40px}.mb39px{margin-bottom:39px}.mb38px{margin-bottom:38px}.mb37px{margin-bottom:37px}.mb36px{margin-bottom:36px}.mb35px{margin-bottom:35px}.mb34px{margin-bottom:34px}.mb33px{margin-bottom:33px}.mb32px{margin-bottom:32px}.mb31px{margin-bottom:31px}.mb30px{margin-bottom:30px}.mb29px{margin-bottom:29px}.mb28px{margin-bottom:28px}.mb27px{margin-bottom:27px}.mb26px{margin-bottom:26px}.mb25px{margin-bottom:25px}.mb24px{margin-bottom:24px}.mb23px{margin-bottom:23px}.mb22px{margin-bottom:22px}.mb21px{margin-bottom:21px}.mb20px{margin-bottom:20px}.mb19px{margin-bottom:19px}.mb18px{margin-bottom:18px}.mb17px{margin-bottom:17px}.mb16px{margin-bottom:16px}.mb15px{margin-bottom:15px}.mb14px{margin-bottom:14px}.mb13px{margin-bottom:13px}.mb12px{margin-bottom:12px}.mb11px{margin-bottom:11px}.mb10px{margin-bottom:10px}.mb9px{margin-bottom:9px}.mb8px{margin-bottom:8px}.mb7px{margin-bottom:7px}.mb6px{margin-bottom:6px}.mb5px{margin-bottom:5px}.mb4px{margin-bottom:4px}.mb3px{margin-bottom:3px}.mb2px{margin-bottom:2px}.mb1px{margin-bottom:1px}.m0px{margin:0 !important}.mt0px{margin-top:0 !important}.mb0px{margin-bottom:0 !important}.ml0px{margin-left:0 !important}.mr0px{margin-right:0 !important}.p40px{padding:40px}.p39px{padding:39px}.p38px{padding:38px}.p37px{padding:37px}.p36px{padding:36px}.p35px{padding:35px}.p34px{padding:34px}.p33px{padding:33px}.p32px{padding:32px}.p31px{padding:31px}.p30px{padding:30px}.p29px{padding:29px}.p28px{padding:28px}.p27px{padding:27px}.p26px{padding:26px}.p25px{padding:25px}.p24px{padding:24px}.p23px{padding:23px}.p22px{padding:22px}.p21px{padding:21px}.p20px{padding:20px}.p19px{padding:19px}.p18px{padding:18px}.p17px{padding:17px}.p16px{padding:16px}.p15px{padding:15px}.p14px{padding:14px}.p13px{padding:13px}.p12px{padding:12px}.p11px{padding:11px}.p10px{padding:10px}.p9px{padding:9px}.p8px{padding:8px}.p7px{padding:7px}.p6px{padding:6px}.p5px{padding:5px}.p4px{padding:4px}.p3px{padding:3px}.p2px{padding:2px}.p1px{padding:1px}.pt40px{padding-top:40px}.pt39px{padding-top:39px}.pt38px{padding-top:38px}.pt37px{padding-top:37px}.pt36px{padding-top:36px}.pt35px{padding-top:35px}.pt34px{padding-top:34px}.pt33px{padding-top:33px}.pt32px{padding-top:32px}.pt31px{padding-top:31px}.pt30px{padding-top:30px}.pt29px{padding-top:29px}.pt28px{padding-top:28px}.pt27px{padding-top:27px}.pt26px{padding-top:26px}.pt25px{padding-top:25px}.pt24px{padding-top:24px}.pt23px{padding-top:23px}.pt22px{padding-top:22px}.pt21px{padding-top:21px}.pt20px{padding-top:20px}.pt19px{padding-top:19px}.pt18px{padding-top:18px}.pt17px{padding-top:17px}.pt16px{padding-top:16px}.pt15px{padding-top:15px}.pt14px{padding-top:14px}.pt13px{padding-top:13px}.pt12px{padding-top:12px}.pt11px{padding-top:11px}.pt10px{padding-top:10px}.pt9px{padding-top:9px}.pt8px{padding-top:8px}.pt7px{padding-top:7px}.pt6px{padding-top:6px}.pt5px{padding-top:5px}.pt4px{padding-top:4px}.pt3px{padding-top:3px}.pt2px{padding-top:2px}.pt1px{padding-top:1px}.pl40px{padding-left:40px}.pl39px{padding-left:39px}.pl38px{padding-left:38px}.pl37px{padding-left:37px}.pl36px{padding-left:36px}.pl35px{padding-left:35px}.pl34px{padding-left:34px}.pl33px{padding-left:33px}.pl32px{padding-left:32px}.pl31px{padding-left:31px}.pl30px{padding-left:30px}.pl29px{padding-left:29px}.pl28px{padding-left:28px}.pl27px{padding-left:27px}.pl26px{padding-left:26px}.pl25px{padding-left:25px}.pl24px{padding-left:24px}.pl23px{padding-left:23px}.pl22px{padding-left:22px}.pl21px{padding-left:21px}.pl20px{padding-left:20px}.pl19px{padding-left:19px}.pl18px{padding-left:18px}.pl17px{padding-left:17px}.pl16px{padding-left:16px}.pl15px{padding-left:15px}.pl14px{padding-left:14px}.pl13px{padding-left:13px}.pl12px{padding-left:12px}.pl11px{padding-left:11px}.pl10px{padding-left:10px}.pl9px{padding-left:9px}.pl8px{padding-left:8px}.pl7px{padding-left:7px}.pl6px{padding-left:6px}.pl5px{padding-left:5px}.pl4px{padding-left:4px}.pl3px{padding-left:3px}.pl2px{padding-left:2px}.pl1px{padding-left:1px}.pr40px{padding-right:40px}.pr39px{padding-right:39px}.pr38px{padding-right:38px}.pr37px{padding-right:37px}.pr36px{padding-right:36px}.pr35px{padding-right:35px}.pr34px{padding-right:34px}.pr33px{padding-right:33px}.pr32px{padding-right:32px}.pr31px{padding-right:31px}.pr30px{padding-right:30px}.pr29px{padding-right:29px}.pr28px{padding-right:28px}.pr27px{padding-right:27px}.pr26px{padding-right:26px}.pr25px{padding-right:25px}.pr24px{padding-right:24px}.pr23px{padding-right:23px}.pr22px{padding-right:22px}.pr21px{padding-right:21px}.pr20px{padding-right:20px}.pr19px{padding-right:19px}.pr18px{padding-right:18px}.pr17px{padding-right:17px}.pr16px{padding-right:16px}.pr15px{padding-right:15px}.pr14px{padding-right:14px}.pr13px{padding-right:13px}.pr12px{padding-right:12px}.pr11px{padding-right:11px}.pr10px{padding-right:10px}.pr9px{padding-right:9px}.pr8px{padding-right:8px}.pr7px{padding-right:7px}.pr6px{padding-right:6px}.pr5px{padding-right:5px}.pr4px{padding-right:4px}.pr3px{padding-right:3px}.pr2px{padding-right:2px}.pr1px{padding-right:1px}.pb40px{padding-bottom:40px}.pb39px{padding-bottom:39px}.pb38px{padding-bottom:38px}.pb37px{padding-bottom:37px}.pb36px{padding-bottom:36px}.pb35px{padding-bottom:35px}.pb34px{padding-bottom:34px}.pb33px{padding-bottom:33px}.pb32px{padding-bottom:32px}.pb31px{padding-bottom:31px}.pb30px{padding-bottom:30px}.pb29px{padding-bottom:29px}.pb28px{padding-bottom:28px}.pb27px{padding-bottom:27px}.pb26px{padding-bottom:26px}.pb25px{padding-bottom:25px}.pb24px{padding-bottom:24px}.pb23px{padding-bottom:23px}.pb22px{padding-bottom:22px}.pb21px{padding-bottom:21px}.pb20px{padding-bottom:20px}.pb19px{padding-bottom:19px}.pb18px{padding-bottom:18px}.pb17px{padding-bottom:17px}.pb16px{padding-bottom:16px}.pb15px{padding-bottom:15px}.pb14px{padding-bottom:14px}.pb13px{padding-bottom:13px}.pb12px{padding-bottom:12px}.pb11px{padding-bottom:11px}.pb10px{padding-bottom:10px}.pb9px{padding-bottom:9px}.pb8px{padding-bottom:8px}.pb7px{padding-bottom:7px}.pb6px{padding-bottom:6px}.pb5px{padding-bottom:5px}.pb4px{padding-bottom:4px}.pb3px{padding-bottom:3px}.pb2px{padding-bottom:2px}.pb1px{padding-bottom:1px}.p0px{padding:0 !important}.pt0px{padding-top:0 !important}.pb0px{padding-bottom:0 !important}.pl0px{padding-left:0 !important}.pr0px{padding-right:0 !important}.w100{width:100%}.w99{width:99%}.w98{width:98%}.w97{width:97%}.w96{width:96%}.w95{width:95%}.w94{width:94%}.w93{width:93%}.w92{width:92%}.w91{width:91%}.w90{width:90%}.w89{width:89%}.w88{width:88%}.w87{width:87%}.w86{width:86%}.w85{width:85%}.w84{width:84%}.w83{width:83%}.w82{width:82%}.w81{width:81%}.w80{width:80%}.w79{width:79%}.w78{width:78%}.w77{width:77%}.w76{width:76%}.w75{width:75%}.w74{width:74%}.w73{width:73%}.w72{width:72%}.w71{width:71%}.w70{width:70%}.w69{width:69%}.w68{width:68%}.w67{width:67%}.w66{width:66%}.w65{width:65%}.w64{width:64%}.w63{width:63%}.w62{width:62%}.w61{width:61%}.w60{width:60%}.w59{width:59%}.w58{width:58%}.w57{width:57%}.w56{width:56%}.w55{width:55%}.w54{width:54%}.w53{width:53%}.w52{width:52%}.w51{width:51%}.w50{width:50%}.w49{width:49%}.w48{width:48%}.w47{width:47%}.w46{width:46%}.w45{width:45%}.w44{width:44%}.w43{width:43%}.w42{width:42%}.w41{width:41%}.w40{width:40%}.w39{width:39%}.w38{width:38%}.w37{width:37%}.w36{width:36%}.w35{width:35%}.w34{width:34%}.w33{width:33%}.w32{width:32%}.w31{width:31%}.w30{width:30%}.w29{width:29%}.w28{width:28%}.w27{width:27%}.w26{width:26%}.w25{width:25%}.w24{width:24%}.w23{width:23%}.w22{width:22%}.w21{width:21%}.w20{width:20%}.w19{width:19%}.w18{width:18%}.w17{width:17%}.w16{width:16%}.w15{width:15%}.w14{width:14%}.w13{width:13%}.w12{width:12%}.w11{width:11%}.w10{width:10%}.w9{width:9%}.w8{width:8%}.w7{width:7%}.w6{width:6%}.w5{width:5%}.w4{width:4%}.w3{width:3%}.w2{width:2%}.w1{width:1%}img{max-width:100%}

.lhn{line-height:normal}.lh12px{line-height:12px}.lh14px{line-height:14px}.lh16px{line-height:16px}.lh18px{line-height:18px}.lh20px{line-height:20px}.lh22px{line-height:22px}.lh24px{line-height:24px}.lh26px{line-height:26px}.lh28px{line-height:28px}.lh30px{line-height:30px}

.fs11px{font-size:11px;}.fs12px{font-size:12px;}.fs13px{font-size:13px;}.fs14px{font-size:14px}.fs15px{font-size:15px}.fs16px{font-size:16px}.fs17px{font-size:17px}.fs18px{font-size:18px}.fs20px{font-size:20px}.fs22px{font-size:22px}.fs24px{font-size:24px}.fs25px{font-size:25px}.fs26px{font-size:26px}.fs27px{font-size:27px}.fs28px{font-size:28px}.fs29px{font-size:29px}.fs30px{font-size:30px}

.fw300{font-weight:300;}.fw400{font-weight:400;}.fw500{font-weight:500;}.fw600{font-weight:600;}.fw700{font-weight:700;}

body,input,select,textarea,button{font-family:"Poppins",sans-serif}
body{color:#526a81;font-size:14px;line-height:24px;font-weight:400;background:#f4f4f8;}

a{text-decoration:none;color:#f37221}
a:hover,a:focus{color:#2c3b49;}
a.tdn, .tdn{text-decoration:none;}

.red{color:#f10202}
.pink{color:#ea4c88}
.black{color:#000}
.green{color:#67bc45}
.grayL{color:#8d8d8d;}
.grayD{color:#2c3b49}
.yellow{color:#ffc720}
.white{color:#fff}
.orange{color:#f37221}
.blue{color:#0092a7;}
.cyan{color:#3abab8;}
.brown{color:#4595e6;}
.purple{color:#973ef2;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,.btn{font-weight:bold}
.transition,.transitionAll,.transitionAll *,a{transition:all .35s ease-out;-webkit-transition:all .35s ease-out}
.clear{clear:both}
.al{text-align:left !important}
.ac{text-align:center !important}
.ar{text-align:right !important}
.aj{text-align:justify !important}
.fl{float:left}
.fr{float:right}
.i{font-style:italic}
.dib100{display:inline-block;width:100%}
.dib{display:inline-block}
.dn{display:none}
.ttu{text-transform:uppercase !important}
.ttc{text-transform:capitalize !important}
.ttn{text-transform:none !important}

a,button,input[type=button],input[type=submit]{outline:0 !important;}

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),select,textarea{box-shadow: none; outline:0;}
input.error:not([type="submit"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]), select.error, textarea.error{border-color: #e93235;}
input[type=checkbox],input[type=radio]{width:auto;margin-left:0;height:auto}
input[type=checkbox]:focus,input[type=radio]:focus{outline:0;box-shadow:none;border-color:inherit}

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), select, textarea, .form-control{display: block; width: 100%; padding: .375rem .75rem; font-size: 13px; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; height: 34px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;max-width: 300px;}
textarea{height:80px;}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus, select:focus, textarea:focus, .form-control:focus{color: #495057; background-color: #fff; border-color: #80bdff; outline: 0;}
.formStyle input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), select, textarea, .form-control{max-width:300px;}
.formStyle label, .table label{font-weight: bold; font-size: 12px; line-height: normal; margin-bottom: 5px;}
.table label{margin-bottom:inherit;}
legend{font-size: 18px; font-weight: bold; color: #f37221;}
input.hasDatepicker, input.datepicker{background:#fff url(../images/calendar.gif) no-repeat scroll calc(100% - 10px) center !important; padding-right:35px !important; transition:none !important; -webkit-transition:none !important;}

.ui-datepicker{border: 1px solid #333;}
.ui-datepicker .ui-datepicker-title {
    display: flex;justify-content: space-around;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 13px;
    border: 0;
    padding: 3px;
    height: auto;
}

.fancybox-slide--iframe .fancybox-content{width:100% !important;height:100% !important;margin:0;}

.form-control + br{display: none;}
.warning{font-size: 12px; color: #f10202;}

.renderWithName .left > label {margin-bottom: 0;font-weight: 600;font-size: 12px;text-transform: uppercase;letter-spacing: .15rem;color: #333;}
.datetimepicker {display: flex;flex-wrap: wrap;align-items: center}
.datetimepicker select{padding-left: 10px; padding-right: 5px;}
.datetimepicker .month {width: 70px; margin-right: 5px;}
.datetimepicker .day {width: 60px; margin-right: 5px;}
.datetimepicker .year {width: 70px; margin-right: 5px;}
.datetimepicker .hour {width: 70px; margin-right: 5px;}
.datetimepicker .minute {width: 60px; margin-left:5px;}

.nowrap{white-space: nowrap;}

div#formActions {padding: 20px;border-top: 1px solid #e5e5e5;display: flex;}
#formActions > div{margin-right: 5px;}
#formActions #save .btn {background: #005bab;color: #fff;}
#formActions #cancel .btn {background: #666;color: #fff;}
#formActions #delete .btn {background: #f37221;color: #fff;}

table .btn {min-height: auto;padding: 5px 10px;font-size: 11px;letter-spacing: .05rem;}
table .button {background: #005bab;border: 0;color: #fff;text-transform: uppercase;letter-spacing: .05rem;font-size: 11px;font-weight: normal;margin: 0 1px;border-radius: 4px;padding: 5px 10px;line-height: 1.4;cursor: pointer;}
table input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), table select, table .form-control {padding: 0 5px;height: 26px; min-width: 35px;}

.btn{cursor: pointer;transition: .5s all ease;-webkit-transition: .5s all ease;border: 0;box-shadow: none !important;padding: 10px 15px;font-weight: normal;font-size: 13px;text-transform: uppercase;letter-spacing: 0.15rem;min-height: 44px;display: inline-flex;align-items: center;justify-content: center;}
.btn-group-sm > .btn, .btn-sm{font-size: 12px; font-weight: normal; min-height: 30px; padding: 5px 10px; letter-spacing: 0.05rem;}
.btn-primary{background-color:#006461;color:#fff}
.btn-primary:hover{color:#fff;background-color:#00504e;border-color:#00504e}
.btn-primary:not([disabled]):not(.disabled).active,.btn-primary:not([disabled]):not(.disabled):active{color:#fff;background-color:#00504e;box-shadow:0 0 0 0.2rem rgba(0,100,97,0.3);border-color:#00504e}
.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 0.2rem rgba(0,100,97,0.3);border-color:#00504e;color:#fff}

.btn-info{background-color:#005bab;color:#fff;}
.btn-info:hover, .btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active,.btn-info.focus,.btn-info:focus{color:#fff;background-color:#004785;}

.btn-download:before{content:"\f019"; font-family:FontAwesome; font-weight:normal; display:inline-block; margin-right:5px;}

.withFlexCol{margin:0 -15px}
.withFlexCol > .flexCol{padding-left:15px;padding-right:15px}
.flexCol.flexColFull{width:100% !important}
.flexCol-2 > .flexCol{width:50%} .flexCol-3 > .flexCol{width:33.3333333333%} .flexCol-4 > .flexCol{width:25%} .flexCol-5 > .flexCol{width:20%} .flexCol-6 > .flexCol{width:16.6666666667%} .flexCol-7 > .flexCol{width:14.2857142857%} .flexCol-8 > .flexCol{width:12.5%} .flexCol-9 > .flexCol{width:11.1111111111%} .flexCol-10 > .flexCol{width:10%} .flexCol-11 > .flexCol{width:9.0909090909%} .flexCol-12 > .flexCol{width:8.3333333333%}
@media (max-width:1100px){
.flexColMd-1 > .flexCol{width:100%;} .flexColMd-2 > .flexCol{width:50%} .flexColMd-3 > .flexCol{width:33.3333333333%} .flexColMd-4 > .flexCol{width:25%} .flexColMd-5 > .flexCol{width:20%} .flexColMd-6 > .flexCol{width:16.6666666667%} .flexColMd-7 > .flexCol{width:14.2857142857%}  .flexColMd-8 > .flexCol{width:12.5%} .flexColMd-9 > .flexCol{width:11.1111111111%} .flexColMd-10 > .flexCol{width:10%} .flexColMd-11 > .flexCol{width:9.0909090909%} .flexColMd-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:980px){
.flexCol980-1 > .flexCol{width:100%;} .flexCol980-2 > .flexCol{width:50%} .flexCol980-3 > .flexCol{width:33.3333333333%} .flexCol980-4 > .flexCol{width:25%} .flexCol980-5 > .flexCol{width:20%} .flexCol980-6 > .flexCol{width:16.6666666667%} .flexCol980-7 > .flexCol{width:14.2857142857%}  .flexCol980-8 > .flexCol{width:12.5%} .flexCol980-9 > .flexCol{width:11.1111111111%} .flexCol980-10 > .flexCol{width:10%} .flexCol980-11 > .flexCol{width:9.0909090909%} .flexCol980-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:700px){
.flexColSm-1 > .flexCol{width:100%;} .flexColSm-2 > .flexCol{width:50%} .flexColSm-3 > .flexCol{width:33.3333333333%} .flexColSm-4 > .flexCol{width:25%} .flexColSm-5 > .flexCol{width:20%} .flexColSm-6 > .flexCol{width:16.6666666667%} .flexColSm-7 > .flexCol{width:14.2857142857%} .flexColSm-8 > .flexCol{width:12.5%} .flexColSm-9 > .flexCol{width:11.1111111111%} .flexColSm-10 > .flexCol{width:10%} .flexColSm-11 > .flexCol{width:9.0909090909%} .flexColSm-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:480px){
.flexColXs-1 > .flexCol{width:100%;} .flexColXs-2 > .flexCol{width:50%} .flexColXs-3 > .flexCol{width:33.3333333333%} .flexColXs-4 > .flexCol{width:25%} .flexColXs-5 > .flexCol{width:20%} .flexColXs-6 > .flexCol{width:16.6666666667%} .flexColXs-7 > .flexCol{width:14.2857142857%} .flexColXs-8 > .flexCol{width:12.5%} .flexColXs-9 > .flexCol{width:11.1111111111%} .flexColXs-10 > .flexCol{width:10%} .flexColXs-11 > .flexCol{width:9.0909090909%} .flexColXs-12 > .flexCol{width:8.3333333333%}
}

.scrollToTop{background:rgba(0,0,0,.3); bottom:10px; cursor:pointer; font-size:20px; text-align:center; position:fixed; right:10px; z-index:9; color:#fff; width:40px; height:40px; line-height:36px; border-radius:5px;}

.nav-tabs{border-bottom: 1px solid #e5e5e5;}
.nav-tabs .nav-item{margin-right: 5px;}
.nav-tabs .nav-link{border: 1px solid #e5e5e5; color: #2c3b49; background: #f4f4f8; transition:none; -webkit-transition:none;}
.nav-tabs .nav-link:hover{border-color: #e5e5e5;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #f37221; font-weight: bold; border-color: #e5e5e5 #e5e5e5 #fff;}
.tab-content{padding: 20px; border: 1px solid #e5e5e5; border-top: 0;}

/* QPaginator */
span.paginator{display:table; margin:15px 0 0 -5px; padding:0; line-height: 1.4;}
span.paginator span{list-style-type:none; display:inline; padding:0; margin:0;}
span.paginator span.arrow.hasLink > a, span.paginator span.page a{border:1px solid #ddd; border-radius:3px; color:#333; margin:0; padding:3px 7px; display:inline-block;}
span.paginator span.arrow.hasLink > a:hover, span.paginator span.page a:hover{color:#777; border-color:#777;}
span.paginator span.arrow{border:1px solid #ddd; border-radius:3px; color:#ccc; margin:0; padding:3px 8px;}
span.paginator span.arrow.hasLink{padding:0; border:0;}
span.paginator span.arrow a{color:#333; text-decoration:none;}
span.paginator span.selected{background-color:#005bab; border:0 none; border-radius:3px; color:#fff; margin:0 2px; padding:4px 8px;}
span.paginator span.break{display:none;}
span.paginator span.ellipsis{color:#999; margin-right:4px;}
span.paginator span.arrow, span.paginator span.selected, span.paginator span.page{margin-right:5px; display:inline-block;}
span.paginator span.arrow:first-child{margin-left:5px; margin-right:3px;}
/* QPaginator */

.header{background-color:#005bab; position: relative; z-index: 9; display: flex;}
.header .logo {width:auto;background: #fff;padding: 5px 10px;display: flex;align-items: center}
.header .logo img{height:68px;}
.header .topNav {flex:1;}
.header .menuLeft {margin: 0;padding: 0;list-style: none;}
.header .menuLeft > li {float: left;border-right: 1px solid rgba(0,0,0,.1);border-right: 1px solid rgba(255,255,255,.3);}
.header .menuLeft > li > a {display: block;line-height: 80px;padding: 0 20px;color: #fff;font-size: 13px;font-weight: bold;text-shadow: 0 0 3px rgba(0,0,0,.2);text-transform: uppercase;text-decoration:none;}
.header .menuLeft > li > a:hover{background:rgba(255,255,255,.15);}
.header .menuLeft > .treeview {position: relative;}
.header .menuLeft > .treeview .treeview-menu {position: absolute;left: 0;top: 80px;background: #005bab;list-style: none;padding: 0;margin: 0;width: 250px; display: none;}
.header .menuLeft > .treeview:hover > .treeview-menu{display: block;}
.header .menuLeft > .treeview .treeview-menu a {padding: 10px 20px;display: block;color: #fff;border-top: 1px solid rgba(255,255,255,.3);font-weight: bold; text-decoration: none;}
.header .menuLeft > .treeview .treeview-menu li:hover a{background: rgba(0,0,0,.1);}

.header .dropdownMenu{position:relative;}
.header .dropdownMenu .toggle {padding: 0 15px;line-height: 80px;position: relative;background: none;border: 0;cursor: pointer;color: #fff;outline: none;text-shadow: 0 0 3px rgba(0,0,0,.2);font-weight: bold;}
.header .dropdownMenu.open .toggle{background:rgba(0,0,0,.1);}
.header .dropdownMenu .dropdownDiv{position:absolute; right:0; top:80px; background:#fff; box-shadow:0 2px 6px rgba(0, 0, 0, 0.08); min-width:180px;width: 100%;}
.header .dropdownMenu.open .dropdownDiv{display:block;}

.hdrUsericon{width: 50px; height: 50px; border-radius: 70px; overflow: hidden; margin: 10px auto; box-shadow: 0 0 0 5px rgba(0,0,0,.1);}

.pageContent {padding: 20px 15px;}
.pageTitle{background: #fff; padding: 10px 20px; border-bottom: 1px solid #e5e5e5;}
.pageTitle h4{margin-bottom:0; font-size:24px; color: #2c3b49;}

.table, table.dataTable {border-collapse: collapse !important; background: #fff; border: 1px solid #ddd; margin: 0 !important; width: 100% !important; font-size: 13px; color: #2c3b49; line-height: 1.2;}
table.dataTable.table-sm .sorting::before, table.dataTable.table-sm .sorting_asc::before, table.dataTable.table-sm .sorting_desc::before {top: 0;}
.table > thead > tr > th > a{color:#2c3b49;}
table.thNoWrap > thead > tr > th{white-space: nowrap;}
.table-bordered td, .table-bordered th{border: 1px solid #ddd;}
.table thead th {border-bottom: 2px solid #ddd;}
.table td, .table th {border-top: 1px solid #ddd;}
.valignMiddle td, .valignMiddle th{vertical-align:middle;}
.table-sm td, .table-sm th{padding: 5px 10px;}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: #f4f4f8;}
.dataTables_wrapper{position: relative;}
div.dataTables_wrapper div.dataTables_processing{width: 100%; height: 100%; margin: 0; top: 0; left: 0; background: rgba(255,255,255,.9); z-index: 2;}
div.dataTables_wrapper div.dataTables_processing:before{content:""; display:block; margin:20px auto 10px; border:8px solid rgba(0,0,0,.15); border-top:8px solid #f37221; border-radius: 50%; width:50px; height:50px; animation:spin 2s linear infinite;}
.table caption > span.right{float: left;}
.table caption > span.left{float: right; margin-top: 10px;}

@keyframes spin{0% {transform:rotate(0deg);} 100% {transform: rotate(360deg);}}

a.paginate_button {display: inline-block; padding: 2px 5px; background: #fff; border: 1px solid #2c3b49; line-height: normal; font-size: 13px; min-width: 25px; text-align: center; color: #2c3b49; margin-left: 2px; text-decoration: none; cursor: pointer; border-radius:3px;}
a.paginate_button:hover{color:#f37221; border-color:#f37221;}
a.paginate_button.current{border-color:#f37221; color:#fff; background:#f37221;}
.ellipsis {display: inline-block; margin-left: 3px;}

.card{background: #fff; min-height: 50px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); position: relative; margin-bottom: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;}
.card:last-of-type{margin-bottom:0;}


.loginPage{min-height: 100vh; padding: 20px; display: flex; align-items: center; position:relative; justify-content: center; /*background-color:#67bc45; background-image: -webkit-linear-gradient(150deg, #67bc45, #bfd630); background-image: -moz-linear-gradient(150deg, #67bc45, #bfd630); background-image: -o-linear-gradient(150deg, #67bc45, #bfd630); background-image: -ms-linear-gradient(150deg, #67bc45, #bfd630); background-image: linear-gradient(150deg, #67bc45, #bfd630);*/}
.loginPage::after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: url(/images/pattern.svg); opacity: .2;}
.loginInner {position: relative; z-index: 1; background: #fff; border-radius: 30px; padding: 50px; width: 610px; max-width: 100%; text-align: center; box-shadow: 0 0 50px rgba(0,0,0,.2);}
.loginInner .logo{/*width: 250px;*/ margin: 0 auto 30px;}
.loginInner .logoSSA img{margin-top: 40px; width: 300px; margin-bottom: 30px;}
.loginInner input:not([type="submit"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]){height: 44px; padding: 0 15px; max-width: 100%;}
.loginInner .btn{font-weight: normal; text-transform: uppercase;}
.loginInner .warning{display: block; text-align: left;}

.inputcheckList{display: flex; margin: 0 -10px; flex-wrap: wrap;}
.inputcheckList .list{padding: 0 10px; width: 33.333%;}
.inputcheckList input[type="checkbox"]{opacity: 0; visibility: hidden; position: absolute;}
.inputcheckList label{position: relative; font-weight: normal; font-size: 13px; padding-left: 30px; cursor: pointer; margin:8px 0 8px 0;}
.inputcheckList label::before{content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #aaa; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.inputcheckList input[type="checkbox"]:checked + label::before{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height:9px; top:4px; border-color: #f37221; border-top-style: none; border-right-style: none;}
/*.inputcheckList input[type="checkbox"]:checked + label::after{display:block;}
.inputcheckList label::after{content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0; top: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #f37221; font-size: 11px; display:none; }*/

.searchFlex label {margin-right: 10px;white-space: nowrap;line-height: 34px;}

/* -- ripple -- */
.ripple, .rippleDark{position: relative; overflow: hidden; -webkit-transform: translatez(0);}
.ink, .inkDark{display: block; position: absolute; pointer-events: none; border-radius: 50%; transform: scale(0);}
.ink{background:rgba(255,255,255,.5); opacity: 1;}
.inkDark{background:rgba(0,0,0,.2); opacity: 1;}
.ink.animate, .inkDark.animate{-webkit-animation: ripple 0.5s linear; -o-animation: ripple 0.5s linear; animation: ripple 0.5s linear;}

@keyframes ripple{ 100%{opacity: 0; -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5);}}
@-webkit-keyframes ripple{ 100% { opacity: 0; -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5);}}
@-moz-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5);} }
@-ms-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5);}}
@-o-keyframes ripple {100% { opacity: 0; -webkit-transform: scale(2.5); -ms-transform: scale(2.5);  -o-transform: scale(2.5); transform: scale(2.5);}}
/* -- ripple -- */



<!--tp-->
.ui.left.sidebar{padding:0;}
.ui.sidebar li{position:relative; list-style:none;border-bottom: 1px solid #ddd}
.ui.sidebar li a{display: block; font-size: 16px; font-weight: bold; color:#b6acac;line-height: 140%; padding:10px 50px 10px 20px; transition: none; -webkit-transition: none; -ms-transition: none; text-align:left;}
.ui.sidebar > ul > li{border-bottom: 1px solid #ddd; padding: 0; width: 100%;}
.ui.sidebar li a:before, .ui.sidebar li a:after{display:none;}
<!--.ui.sidebar li a:hover, .ui.sidebar li.active a{color:#000;}-->
.ui.sidebar li a:hover, .ui.sidebar li.active a{color:#908787;}
.ui.sidebar .treeview-menu{display:none; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.ui.sidebar .treeview-menu a{background-color:#f6f7f7; padding:10px 20px 10px 20px;}
.ui.sidebar .treeview-menu a:hover{background-color:#fff; position:relative;}
.ui.sidebar img{border-radius:3px;}
.openSub{cursor:pointer; display:block; height:39px; position:absolute; right:0; top:0; width:40px; }
.openSub .fa-chevron-down{font-family:fontawesome; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; transition:all .35s ease-out; -webkit-transition:all .35s ease-out; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; top:12px;}
.openSub .icon-chevron-thin-down.opened{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.ui.sidebar{background-color:#fff;}
.ui.sidebar > ul > li > a > .icon{position: absolute; left: 20px;}
.ui.sidebar > ul > li > a > .icon > i{font-size:16px !important;}

.ui.right.sidebar {z-index: 99999;}
.rippleDark {color: #acacac;}
.menuToggle{display:none;}
.btn{letter-spacing:0;}
#dropdownMenuButton {color: #280202;padding: 0;}
#dropdownMenuButton a {color: #acacac;font-size:14px;}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 256px;padding:0;margin: 0;font-size: 1rem;color: #212529;
text-align: left;list-style: none;background-color: #ececec;background-clip: padding-box;}
.dropdown-menu.show {transform: translate3d(-1px, 44px, 0px);top: -43px !important;left: 0px;will-change: transform;position: relative !important;}
.fa-chevron-down::before {content: "\f078";font-family: fontawesome;font-style: initial;position: absolute;top: 10px;right: 50px;}
ul #dropdown03 {padding: 0;}
<!--tp-->





@media (max-width:1450px){
.hallOfFameGrid > .flexCol{width: 25%;}
.siteMenu{width:250px;}
.siteMenu .logo img.ssaLogo{height:40px;}
.siteMenu .sub-menu a{font-size:13px;}
.mainContent{padding-left: 250px;}
.header .menuLeft > li > a {padding: 0 14px ;font-size: 12px;}

}


@media (max-width:1500px){

     .header .menuLeft > li > a {padding: 0 18px ;font-size: 13px;}

}
@media (max-width:1350px){

     .header .menuLeft > li > a {padding: 0 18px ;font-size: 12px;}

}


@media (max-width:1150px){
.mainContent{padding-left: 0;}
.siteMenu{left:-260px;}
.menuOpen .siteMenu{left: 0;}
.menuOpen .mainContent{margin-left:250px;}
html.menuOpenHtml, body.menuOpen{overflow-x: hidden;}
.header .menuLeft > li > a {padding: 0 5px;font-size: 11px;}

}


@media (max-width:991px){

    .menuToggle{color:#fff; cursor: pointer; display: block; font-size: 32px; position:absolute; top:35px; right:20px;}
    .topNav {display: none;}
}


@media (max-width:800px){
.form-group.row{margin-bottom:0;}
.form-group.row > div{margin-bottom:1rem;}
.inputcheckList .list{width:50%;}
.hallOfFameGrid > .flexCol {width: 33.333%;}
.pageContent {position: relative; min-height:calc(100vh - 50px);}
.pageContent::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;z-index: 1;opacity:0; visibility:hidden; transition:all .35s ease-in-out;}
body.menuOpen .pageContent::before {opacity: .5; visibility:visible;}

}




@media (max-width:550px){
.pageTitle > h4.fl{width:100%;}
.btn.fr{float: left; margin-top: 10px;}
.pageContent {padding: 0;}
.formStyle input:not([type="submit"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]), select, textarea, .form-control {max-width: 100%;}
div.dataTables_wrapper div.dataTables_length > label {font-size: 0;}
div.dataTables_wrapper div.dataTables_length > label:before{content:"Show "; font-size:10px;}
div.dataTables_wrapper div.dataTables_length select {width: 55px !important;}
div.dataTables_wrapper div.dataTables_filter > label {font-size: 0; position:relative;}
div.dataTables_wrapper div.dataTables_filter > label::before {content: "\f002";font-family: FontAwesome;position: absolute;left: 15px;top: 0;font-size: 13px;line-height: 28px;color: #f37221;}
div.dataTables_filter input:not([type="submit"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]){width:150px; padding-left:25px;}
div.dataTables_wrapper div.dataTables_paginate {width: 100%;text-align: left;}
a.paginate_button {font-size: 10px;padding: 1px 3px;margin-left: 0;margin-right: 2px;}
.ellipsis {margin-left: 0;margin-right: 2px;}
.pageTitle h4{font-size:18px;}
.inputcheckList .list, .hallOfFameGrid > .flexCol {width:100%;}
.imgSliderEvents .item > img{height:250px;}

}


.error{
	color: red;
}
.warning{
	color: red;
}
.lbl_message{background-color:#72ae29; border-radius:3px; color:#fff; display:inline-block; margin:10px 0; padding:10px 15px; width:100%;}

.ui-widget-overlay {
    position: fixed !important;
    z-index: 99 !important;
}
.ui-dialog.ui-widget.ui-widget-content {
    position: fixed !important;
    z-index: 999 !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-family: "Poppins",sans-serif !important;
}
.ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: 0 !important; padding: 0 !important;
}
.ui-dialog .ui-dialog-titlebar-close span {
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
}
.ui-widget-header {
    background: #005bab !important;
}
.ui-widget.ui-dialog button{border: 0;padding: 10px 15px;font-weight: normal;font-size: 13px;text-transform: uppercase;letter-spacing: 0.15rem;min-height: 44px;display: inline-flex;align-items: center;justify-content: center; border-radius: 4px; background: #005bab; color:#fff;}
.ui-dialog .ui-dialog-content > div > p:last-child {
    margin-bottom: 0;
}