@font-face {
  font-family: 'Roboto-Light';
  src: url('./fonts/Roboto-Light.ttf');
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('./fonts/Roboto-Thin.ttf');
}

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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,dd,dl,dt,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: 1.2;
    font-family: inherit;
    text-align: left;
}
/*-----------------------------------------------------------------------------------------*/
body{
    color: #333333;
    font-weight:800;
    font-family: Roboto-Light, sans-serif;
    font-size:12pt;
    cursor:default;
    color:#4B4B4B;
    overflow:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input, textarea, select{
    border-bottom-color: #b3b3b3;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #b3b3b3;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #b3b3b3;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #b3b3b3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    font-size:13px;
    color: #4B4B4B;
}
input, select{
    padding-left:10px;
    padding-right:10px;
    width: calc(100% - 20px);
}
input{
    height:36px;
}
select{
    height:40px;
}
textarea{
    padding:10px;
}
input[type="search"]{ height:40px!important; }
table{border-collapse: collapse;border-spacing: 0;width:100%;}
strong{font-weight:bold; }
a{text-decoration:none;color:#0066CC;}
a:hover{text-decoration:none;}
ul{margin:0px;padding:0px;}
input:focus, select:focus, textarea:focus{background-color:#FFFFC6;}
canvas{display:block;}

/*-----------------------------------------------------------------------------------------*/
.link{color:#577DDA;text-decoration:underline;cursor:pointer;}
.noTitleStuff {display:none;}
.rounded{-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.glow{box-shadow: 0px 0px 10px #888888;}
.glow-blue{box-shadow: 0px 0px 5px #0275F4;}
.hr, hr{height:0px;width:100%;border-bottom:1px solid #dfe3eb;}
.vr{height:100%;width:0%;border-left:1px solid #D3DCE3;}
.rb{border-right:1px solid #C9C9C9;overflow:hidden;}
.btn:hover{opacity:0.7;color:black;}
.pointer{cursor:pointer;}
.underline{text-decoration:underline;}
.grey_bg{background-color:#f2f2f2;border:1px solid #DBDBDB;text-align:center;color:#525252;font-size:12px;}
.ts{text-shadow: 0px 0px 2px #888888;}
.r2{-moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;}
.r3{-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.r4{-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
.r5{-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.r10{-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}
.b1n{border:1px solid transparent;}
.b1g{border:1px solid #BFBFBF;}
.bl1g{border-left:1px solid #BFBFBF;}
.br1g{border-right:1px solid #BFBFBF;}
.bt1g{border-top:1px solid #BFBFBF;}
.bb1g{border-bottom:1px solid #BFBFBF;}
.b1b{border:1px solid #D3DCE3;}
.b1b-blue{border:1px solid #0275F4;}
.page{padding:15px;height:calc(100% - 90px);}
.d_page{
    padding:25px;
    height:calc(100% - 50px);
}
.d_page_in{
    height:calc(100% - 70px);
}
.d_ui_bar{
    position:absolute;
    bottom:20px;
    left:15px;
    right:15px;
    margin-top:10px;
    border-top:1px solid #D3DCE3;
    padding-top:10px;
    text-align:right;
}

/*-----------------------------------------------------------------------------------------*/
.good{color:green!important;}
.bad{color:#A42C22!important;}
.green{color:green!important;}
.red{color:red!important;}
.blue{color:blue!important;}
.grey{color:grey!important;}
.whiteish{color:#F2F2F2!important;}
.blackish{color:#464646!important;}
.bad_input{border:1px solid red!important;}
.description{font-size:9px;font-weight:bold;}
.na{text-decoration:italic;color:grey;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.selected{background-color:#f3f9ff;opacity:0.9;}
.selected td{background-color:#ADD8FF;}
.fnt8{font-size:8px!important;}
.fnt9{font-size:9px!important;}
.fnt10{font-size:10px!important;}
.fnt11{font-size:11px!important;}
.fnt12{font-size:12px!important;}
.fnt13{font-size:13px!important;}
.fnt14{font-size:14px!important;}
.fnt15{font-size:15px!important;}
.fnt16{font-size:16px!important;}
.fnt17{font-size:17px!important;}
.fnt18{font-size:18px!important;}
.fnt19{font-size:19px!important;}
.fnt20{font-size:20px!important;}
.fnt21{font-size:21px!important;}
.fnt22{font-size:22px!important;}
.fnt23{font-size:23px!important;}
.fnt24{font-size:24px!important;}
.fnt48{font-size:48px!important;}

/*-----------------------------------------------------------------------------------------*/
.lh10{height:10px;line-height:10px;}
.lh15{height:15px;line-height:15px;}
.lh16{height:16px;line-height:16px;}
.lh17{height:17px;line-height:17px;}
.lh18{height:18px;line-height:18px;}
.lh19{height:19px;line-height:19px;}
.lh20{height:20px;line-height:20px;}
.lh25{height:25px;line-height:25px;}
.lh30{height:30px;line-height:30px;}
.lh35{height:35px;line-height:35px;}
.lh40{height:40px;line-height:40px;}
.lh45{height:45px;line-height:45px;}
.lh50{height:50px;line-height:50px;}

/*-----------------------------------------------------------------------------------------*/
.center{text-align:center;}
.middle{vertical-align: middle;}
.top{vertical-align: top;}
.bottom{vertical-align: bottom;}
.mcenter{margin-left:auto;margin-right:auto;}
.aleft{text-align:left;}
.aright{text-align:right;}
.indent{padding-left:5px;padding-right:5px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;width:0px;height:0px;visibility:hidden;overflow:hidden;}

/*-----------------------------------------------------------------------------------------*/
.mauto{margin:auto;}
.mlauto{margin-left:auto;}
.mrauto{margin-right:auto;}
.mtauto{margin-top:auto;}
.mbauto{margin-bottom:auto;}
.m1{margin:1px;}
.m2{margin:2px;}
.m3{margin:3px;}
.m4{margin:4px;}
.m5{margin:5px;}
.m6{margin:6px;}
.m7{margin:7px;}
.m8{margin:8px;}
.m9{margin:9px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m50{margin:50px;}
.ml1{margin-left:1px;}
.mr1{margin-right:1px;}
.ml2{margin-left:2px;}
.mr2{margin-right:2px;}
.ml3{margin-left:3px;}
.mr3{margin-right:3px;}
.ml4{margin-left:4px;}
.mr4{margin-right:4px;}
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.ml6{margin-left:6px;}
.mr6{margin-right:6px;}
.ml7{margin-left:7px;}
.mr7{margin-right:7px;}
.ml8{margin-left:8px;}
.mr8{margin-right:9px;}
.ml9{margin-left:9px;}
.mr9{margin-right:9px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.ml15{margin-left:15px;}
.mr15{margin-right:15px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.ml25{margin-left:25px;}
.mr25{margin-right:25px;}
.ml50{margin-left:50px;}
.mr50{margin-right:50px;}
.ml75{margin-left:75px;}
.mr75{margin-right:75px;}
.ml100{margin-left:100px;}
.mr100{margin-right:100px;}
.mt1{margin-top:1px;}
.mb1{margin-bottom:1px;}
.mt2{margin-top:2px;}
.mb2{margin-bottom:2px;}
.mt3{margin-top:3px;}
.mb3{margin-bottom:3px;}
.mt4{margin-top:4px;}
.mb4{margin-bottom:4px;}
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.mt6{margin-top:6px;}
.mb6{margin-bottom:6px;}
.mt7{margin-top:7px;}
.mb7{margin-bottom:7px;}
.mt8{margin-top:8px;}
.mb8{margin-bottom:9px;}
.mt9{margin-top:9px;}
.mb9{margin-bottom:9px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mt25{margin-top:25px;}
.mb25{margin-bottom:25px;}
.mt50{margin-top:50px;}
.mb50{margin-bottom:50px;}
.mt60{margin-top:60px;}
.mb60{margin-bottom:60px;}
.mt75{margin-top:75px;}
.mb75{margin-bottom:75px;}
.mt100{margin-top:100px;}
.mb100{margin-bottom:100px;}


/*-----------------------------------------------------------------------------------------*/
.pauto{padding:auto;}
.p0{padding:0px;}
.p1{padding:1px;}
.p2{padding:2px;}
.p3{padding:3px;}
.p4{padding:4px;}
.p5{padding:5px;}
.p6{padding:6px;}
.p7{padding:7px;}
.p8{padding:8px;}
.p9{padding:9px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p50{padding:50px;}
.pl1{padding-left:1px;}
.pr1{padding-right:1px;}
.pl2{padding-left:2px;}
.pr2{padding-right:2px;}
.pl3{padding-left:3px;}
.pr3{padding-right:3px;}
.pl4{padding-left:4px;}
.pr4{padding-right:4px;}
.pl6{padding-left:6px;}
.pr6{padding-right:6px;}
.pl7{padding-left:7px;}
.pr7{padding-right:7px;}
.pl8{padding-left:8px;}
.pr8{padding-right:9px;}
.pl9{padding-left:9px;}
.pr9{padding-right:9px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.pl15{padding-left:15px;}
.pr15{padding-right:15px;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}
.pl25{padding-left:25px;}
.pr25{padding-right:25px;}
.pl50{padding-left:50px;}
.pr50{padding-right:50px;}
.pt1{padding-top:1px;}
.pb1{padding-bottom:1px;}
.pt2{padding-top:2px;}
.pb2{padding-bottom:2px;}
.pt3{padding-top:3px;}
.pb3{padding-bottom:3px;}
.pt4{padding-top:4px;}
.pb4{padding-bottom:4px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.pt6{padding-top:6px;}
.pb6{padding-bottom:6px;}
.mt7{padding-top:7px;}
.pb7{padding-bottom:7px;}
.pt8{padding-top:8px;}
.pb8{padding-bottom:9px;}
.pt9{padding-top:9px;}
.pb9{padding-bottom:9px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pt15{padding-top:15px;}
.pb15{padding-bottom:15px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pt25{padding-top:25px;}
.pb25{padding-bottom:25px;}
.pt50{padding-top:50px;}
.pb50{padding-bottom:50px;}

/*-----------------------------------------------------------------------------------------*/
.hw{width:50%;}
.fw{width:100%;}
.w1{width:1px;}
.w2{width:2px;}
.w3{width:3px;}
.w4{width:4px;}
.w5{width:5px;}
.w10{width:10px;}
.w10pc{width:10%;}
.w15{width:15px;}
.w15pc{width:15%;}
.w20{width:20px;}
.w20pc{width:20%;}
.w25{width:25px;}
.w25pc{width:25%;}
.w30{width:30px;}
.w30pc{width:30%;}
.w33pc{width:33%;}
.w35{width:35px;}
.w40{width:40px;}
.w40pc{width:40%;}
.w45{width:45px;}
.w50{width:50px;}
.w50pc{width:50%;}
.w55{width:55px;}
.w60{width:60px;}
.w60pc{width:60%;}
.w65{width:65px;}
.w66pc{width:66%;}
.w70pc{width:70%;}
.w70{width:70px;}
.w75{width:75px;}
.w75pc{width:75%;}
.w80pc{width:80%;}
.w85pc{width:85%;}
.w90pc{width:90%;}
.w100{width:100px;}
.w125{width:125px;}
.w150{width:150px;}
.w175{width:175px;}
.w200{width:200px;}
.w225{width:225px;}
.w250{width:250px;}
.w240{width:240px;}
.w275{width:275px;}
.w280{width:280px;}
.w285{width:285px;}
.w300{width:300px;}
.w325{width:325px;}
.w350{width:350px;}
.w375{width:375px;}
.w400{width:400px;}
.fh{height:100%;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h45{height:45px;}
.h50{height:50px;}
.h75{height:75px;}
.h100{height:100px;}
.h125{height:125px;}
.h150{height:150px;}
.h175{height:175px;}
.h200{height:200px;}
.h225{height:225px;}
.h250{height:250px;}
.h275{height:275px;}
.h300{height:300px;}
.h325{height:325px;}
.h350{height:350px;}
.h375{height:375px;}
.h400{height:400px;}
.h550{height:550px;}
.h600{height:600px;}
.minw25{min-width:25px;}
.minw35{min-width:35px;}
.minw40{min-width:40px;}
.minw50{min-width:50px;}
.minw75{min-width:75px;}
.minw100{min-width:100px;}
.minw125{min-width:125px;}
.minw150{min-width:150px;}
.minw175{min-width:175px;}
.minw200{min-width:200px;}
.minw225{min-width:225px;}
.minw250{min-width:250px;}
.minw275{min-width:275px;}
.minw300{min-width:300px;}
.minw325{min-width:325px;}
.minw350{min-width:350px;}
.minw375{min-width:375px;}
.minw400{min-width:400px;}
.maxw25{max-width:25px;}
.maxw50{max-width:50px;}
.maxw75{max-width:75px;}
.maxw100{max-width:100px;}
.maxw125{max-width:125px;}
.maxw150{max-width:150px;}
.maxw175{max-width:175px;}
.maxw200{max-width:200px;}
.maxw225{max-width:225px;}
.maxw250{max-width:250px;}
.maxw275{max-width:275px;}
.maxw300{max-width:300px;}

/*-----------------------------------------------------------------------------------------*/
.hidden{width:0px;height:0px;visibility:hidden;overflow:hidden;}
.none{display:none;}
.hide{visibility:hidden;}
.inline{display:inline;}
.inline-block{display:inline-block;}
.block{display:block;}
.loaddiv, .disabled{opacity:0.5;}
.disabled{cursor:default!important;}
.oh{overflow:hidden;}
.ofya{overflow-y:auto;}
.print{display:none;}
.nowrap{white-space:nowrap;}

/*-----------------------------------------------------------------------------------------*/
.i_full{width:100%;}
.i_text{width:96.5%;}
.i_select{width:92.75%;padding-left:5px;}
.i_date{width:70px;overflow:hidden;font-size:11px!important;}
.i_time{width:40px;overflow:hidden;font-size:11px!important;}
.i_time24{width:40px;overflow:hidden;font-size:11px!important;}
.i_textarea{width:calc(100% - 22px);min-height:40px;}
.i_small{width:80px!important;overflow:hidden;padding:2px 2px 2px 5px;margin-left:5px;}
.i_one_third{width:25%!important;overflow:hidden;}
.i_half{width:37%!important;overflow:hidden;}
.i_two_thirds{width:50%!important;overflow:hidden;}
.i_label{height:40px!important;line-height:40px!important;text-align:right;font-size:13px;font-weight:bold;overflow:hidden;}
.i_label_left{height:40px!important;line-height:40px!important;float:left;font-size:13px;font-weight:bold;overflow:hidden;}
.i_label_top{font-weight:bold;font-size:13px;margin-left:6px;margin-top:5px;margin-bottom:5px}
.i_disabled{background-color:#F0F0F0;}
.i_invalid{background-color:#FFC9C9;border:1px solid red;padding:2px;}
.i_desc{font-size:12px;font-style:italic;}
.inactive{color:#B9B9B9!important;text-decoration:line-through;}

/*-----------------------------------------------------------------------------------------*/
.dataTables_filter { float:left; }
.dataTables_filter { margin: 2px 0px 2px 10px; }
.dataTables_filter input { margin: 2px 0px 2px 10px; font-size:12px; padding:2px}
.dataTables_processing{ color:red; font-size: 12px; padding-left: 10px; margin-top: 5px; }
.DataTables_sort_icon { float:right; }
.dataTables_scrollBody { border-left:1px solid #B6B6B6; border-right:1px solid #B6B6B6; width:99.5%!important; }
.dataTables_info { width:100%; text-align:center;padding:4px 0px 4px 0px; font-size:10px;}
.dataTables_empty{padding:25px;text-align:center;}
table tbody tr:nth-child(even){background-color:#F7F7F7;}
.no_row_bgs table tbody tr{background-color:transparent!important;}

/*-----------------------------------------------------------------------------------------*/
.page_cont{
    height: 100%;
    overflow: hidden;
}
.page_side{
    height: calc(100% - 135px);
    width: 225px;
}
.page_side_title{
    font-size: 15px;
    margin-bottom: 20px;
    color: #333333;
    font-weight:600;
    font-family: Roboto-Light, sans-serif;
}
.page_side_field_name{
    font-size: 11px;
    color: #333333;
    font-weight: bold;
    font-family: Roboto-Light, sans-serif;
}
.page_side_field_value{
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333333;
}
.cdt_header_row{
    height: 50px;
    color: #333333;
    background-color: #f4f4f4;
    border-top: 1px solid #dfe3eb;
    border-left: 1px solid #dfe3eb;
    border-right: 1px solid #dfe3eb;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}
.cdt_header_row div{
    line-height: 50px;
}
.cdt_header_row > div:hover{
    background-color: #e0eff4;
}
.cdt_header_sort_btn{
    cursor:pointer;
}
.header_sortable{
    background-image: url('../images/sm_header_sortable.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    opacity: 0.6;
    white-space: nowrap;
}
.header_sort_down{
    background-image: url('../images/sm_header_sort_down.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    opacity: 0.6;
}
.header_sort_up{
    background-image: url('../images/sm_header_sort_up.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    opacity: 0.6;
}
.cdt_cont, .cont{
    height: calc(100% - 100px);
    overflow: hidden;
    background-color: white;
    /*width: calc(100% - 250px);*/
    width: calc(100%);
    min-width: 700px;
}
.cdt_body{
    height: calc(100% - 100px);
    overflow-y: auto;
    border-top: 1px solid #dfe3eb;
    border-left: 1px solid #dfe3eb;
    border-right: 1px solid #dfe3eb;
    border-bottom: 2px solid #dfe3eb;
}
.cdt_body_row{
    border-top: 1px solid #dfe3eb;
    border-bottom: 1px solid #dfe3eb;
}
.cdt_body_row:hover{
    background-color: #f5f8fa;
}
.cdt_body_row_alt {
    background-color: #dfe3eb;
}
.cdt_body_cell{
    font-size: 12px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}
.cdt_footer{
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 12px;
    text-align: center;
}
.cdt_footer_with_pagination {
    height: 45px;
}

/*-----------------------------------------------------------------------------------------*/
.title_bar{
    padding-bottom:25px;
    font-weight:600;
    font-family: Roboto-Light, sans-serif;
    border-bottom: 1px solid #cbd6e1;
}
.title_bar_title{
    font-size:25px;
    line-height: 40px;
}
.sm_title_bar{
    padding-bottom:15px;
    font-weight:600;
    font-family: Roboto-Light, sans-serif;
    border-bottom: 1px solid #cbd6e1;
}
.sm_title_bar_title{
    font-size:20px;
    line-height: 25px;
}
.title_bar_white_btn, .title_bar_blue_btn, .title_bar_red_btn, .title_bar_green_outline_btn, .title_bar_red_outline_btn, .title_bar_green_btn, .title_bar_light_blue_btn{
    line-height: 38px;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 800;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.title_bar_white_btn{
    border: 1px solid #156fbe;
    color: #156fbe;
    background-color: white;
}
.title_bar_green_outline_btn{
    border: 1px solid #0dbc04;
    color: #0dbc04;
    background-color: white;
}
.title_bar_red_outline_btn{
    border: 1px solid #ee3124;
    color: #ee3124;
    background-color: white;
}
.title_bar_blue_btn{
    border: 1px solid #156fbe;
    color: white;
    background-color: #156fbe;
}
.title_bar_light_blue_btn{
    border: 1px solid #7ab5e8;
    color: white;
    background-color: #8bc1f1;
}
.title_bar_red_btn{
    border: 1px solid #fc3f37;
    color: white;
    background-color: #ee3124;
}
.title_bar_light_red_btn{
    border: 1px solid #ccb048;
    color: white;
    background-color: #feeaa0;
}
.title_bar_green_btn{
    border: 1px solid #0b9d03;
    color: white;
    background-color: #0dbc04;
}
.title_bar_light_green_btn{
    border: 1px solid #76b783;
    color: white;
    background-color: #c7eecf;
}
.title_bar_white_btn:hover{
    background-color:#f1f3f5;
}
.title_bar_red_outline_btn:hover{
    background-color:#f5f3f1;
}
.title_bar_green_outline_btn:hover{
    background-color:#f1f5f3;
}
.title_bar_blue_btn:hover{
    opacity: 0.8;
}
.title_bar_red_btn:hover{
    opacity: 0.8;
}
.title_bar_green_btn:hover{
    opacity: 0.8;
}
.title_bar_light_blue_btn:hover{
    opacity: 0.8;
}

.white_btn, .blue_btn, .red_btn, .light_red_btn, .green_btn, .light_green_btn, .light_blue_btn{
    height: 38px;
    line-height: 38px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 800;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    width: calc(100% - 32px);
}
.sm_white_btn, .sm_blue_btn, .sm_red_btn, .sm_light_red_btn, .sm_green_btn, .sm_light_green_btn, .sm_light_blue_btn{
    padding: 7px 12px 7px 12px;
    font-weight: 800;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}
.white_btn, .sm_white_btn{
    border: 1px solid #156fbe;
    color: #156fbe;
    background-color: white;
}
.blue_btn, .sm_blue_btn{
    border: 1px solid #156fbe;
    color: white;
    background-color: #156fbe;
}
.red_btn, .sm_red_btn{
    border: 1px solid #fc3f37;
    color: white;
    background-color: #ee3124;
}
.light_red_btn, .sm_light_red_btn{
    border: 1px solid #ca7f88;
    color: #9a0511;
    background-color: #fec7ce;
}
.green_btn, .sm_green_btn{
    border: 1px solid #0b9d03;
    color: white;
    background-color: #0dbc04;
}
.light_green_btn, .sm_light_green_btn{
    border: 1px solid #76b783;
    color: #09600b;
    background-color: #c7eecf;
}
.light_blue_btn, .sm_light_blue_btn{
    border: 1px solid #7ab5e8;
    color: white;
    background-color: #7ab5e8;
}
.light_red_btn, .sm_light_red_btn{
    border: 1px solid #e89c7a;
    color: white;
    background-color: #e87a7a;
}
.btn_op7{opacity: 0.7;}
.btn_op5{opacity: 0.5;}
.btn_op3{opacity: 0.3;}
.btn_on{
    opacity: 0.7;
}
.white_btn:hover,
.sm_white_btn:hover{
    border: 1px solid rgba(21, 111, 190, 0.8);;
    color: rgba(21, 111, 190, 0.8);
}
.blue_btn:hover,
.sm_blue_btn:hover{
    opacity: 0.8;
}
.red_btn:hover,
.sm_red_btn:hover{
    opacity: 0.8;
}
.green_btn:hover,
.sm_green_btn:hover{
    opacity: 0.8;
}
.light_blue_btn:hover,
.sm_light_green_btn:hover{
    opacity: 0.8;
}
.light_green_btn:hover,
.sm_light_blue_btn:hover{
    opacity: 0.8;
}
.light_red_btn:hover,
.sm_light_red_btn:hover{
    opacity: 0.8;
}

/*-----------------------------------------------------------------------------------------*/
.blue-dot {
  height: 10px;
  width: 10px;
  background-color: #156fbe;
  border-radius: 50%;
  display: inline-block;
}
.green-dot {
  height: 10px;
  width: 10px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}
.red-dot {
  height: 10px;
  width: 10px;
  background-color: #ee3124;
  border-radius: 50%;
  display: inline-block;
}
.white-dot {
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
}
.black-dot {
  height: 10px;
  width: 10px;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
}
.orange-dot {
  height: 10px;
  width: 10px;
  background-color: #eb7a34;
  border-radius: 50%;
  display: inline-block;
}

.pink-dot {
    height:  10px;
    width:  10px;
    background-color: #ffff66;
    border-radius: 50%;
    display: inline-block;
}

.cyan-dot {
    height:  10px;
    width:  10px;
    background-color: #66f;
    border-radius: 50%;
    display: inline-block;
}

.black-dot {
    height:  10px;
    width:  10px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
}

.purple-dot {
    height:  10px;
    width:  10px;
    background-color: #990;
    border-radius: 50%;
    display: inline-block;
}

.brown-dot {
    height:  10px;
    width:  10px;
    background-color: #663;
    border-radius: 50%;
    display: inline-block;
}

.gray-dot {
    height:  10px;
    width:  10px;
    background-color: #999;
    border-radius: 50%;
    display: inline-block;
}

.no-close .ui-dialog-titlebar-close {display: none }
#dialog,#dialog_2{
    width:100%;
    text-align:center;
    font-size:14px;
}
#dialog_a{min-width:250px!important;min-height:100px!important;}
#dialog_loading{z-index:1000000;}
#status_box{
    box-shadow: 0px 0px 50px #5D5D5D;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-align:center;
    height:25px;
    line-height:25px;
    font-size:12px;
    display:none;
    z-index:9999;
    position:absolute;
    top:75px;
    left:250px;
    right:250px;
}
.dialog_mselect{
    width:100%;
    text-align:center;
    font-size:14px;
}
.good_status{
    border:1px solid #4D9D58;
    background-color:#bbfbbd;
    color:green;
}
.bad_status{
    border:1px solid #A42C22;
    background-color:#ffd2d2;
    color:#A42C22;
}
.warning_status{
    border:1px solid #eb7a34;
    background-color: #FAF0B4;
    color: #eb7a34;
}
.good_bg{
    background-color:#bbfbbd;
}
.bad_bg{
    background-color:#ffd2d2;
}
.warning_bg{
    background-color: #FAF0B4;
}
.play_btn{
    cursor:pointer;
}
.play16, .play14, .play12{
    border-style: solid;
    box-sizing: border-box;
    margin-top: 2px;
    border-color: transparent transparent transparent #848484;
}
.play16{
    width: 14px;
    height: 14px;
    border-width: 7px 0px 7px 14px;
}
.play14{
    width: 12px;
    height: 12px;
    border-width: 7px 0px 7px 12px;
}
.play12{
    width: 10px;
    height: 10px;
    border-width: 6px 0px 6px 10px;
}

.grey_questions_box{
text-align:center;
background-color:#C4C4C4;
color:#464646;height:417px;
line-height:417px;
width:100%;
}


.questionaire_heading, .inspect_heading{
padding-left:10px;
padding-right:10px;
background-color:#C4C4C4;
border:1px solid grey;
font-size:12px;
}

.questionaire_question, .inspect_question{
padding-left:20px;
padding-right:10px;
border:1px solid grey;
font-size:12px;
}

.inspect_answer, .possible_answer{
padding-left:0px;
padding-right:0px;
width: 20px;
height: 20px;
}

.questionaire_question .text, .questionaire_heading .text, .inspect_question .text, .inspect_heading .text{
padding-top:10px;
padding-bottom:10px;
width:625px;
}

#question_cont_in{
min-height:400px;
border:1px solid grey;

}

.remove_heading_btn, .remove_question_btn, .pos_order{
padding-top:8px;
cursor:pointer;
}

.possible_question{
width:100%;
padding-top:4px;
padding-bottom:4px;
}

.possible_answer{
padding:0px!important;
margin:0px!important;
}

#equipImgThumb{
background-image: url('../images/equip_no_pic.png');
width:200px;
height:150px;
border:1px solid grey;
}

#ptw_confined_space_rad{
width:auto!important;
}

#ptw_hot_work_rad{
width:auto!important;
}

.videoPopup{
-webkit-backface-visibility:hidden;
outline: 1px solid transparent;
overflow:hidden;
width:200px;
text-align:center;
z-index:999;
}

.end_call{
position:absolute;
height:75px;
bottom:-10px;
left:75px;
cursor:pointer;
}

.end_call:hover{
opacity: 0.7;
}

.channel_btn{
    cursor:pointer;
}

.map_context_menu{
    width:160px;
    position:absolute;
    background-color:#fff;
    border-radius:3px;
    display:none;
}

.map_menu_option{
    padding:10px;
    font-size:16px;
    cursor:pointer;
    border-bottom:1px solid #d8d8d8;
}

.map_menu_option_disabled{
    padding:10px;
    font-size:16px;
    cursor:pointer;
    border-bottom:1px solid #d8d8d8;
    color: #dbd9d9;
}

.map_menu_option:hover{
    background-color: #d8d8d8;
}
.successful_title{
    font-size: 48pt;
    color: #0dbc04;
}
.unsubscribed_title{
    font-size: 48pt;
    color: #3c3c3c;
}
.unsubscribed_title i{
    font-size: 64pt;
}
.sidebar_btn{
    height:50px;
    line-height:50px;
    width:auto;
    padding-left:25px;
    border-bottom: 1px solid #cbd6e1;
}
.sidebar_btn:hover{
    background-color:#f4f4f4;
    cursor: pointer;
}
.sidebar_btn_on{
    background-color:#f4f4f4;
}

.sidebar_menu_btn:hover{
    cursor: pointer;
    opacity: 0.8;
}

@media screen and (max-width: 1110px){
    .header_left_btns{
        display: none !important;
    }
    .sidebar_menu_btn{
        display: block !important;
    }
}

@media screen and (min-width: 1110px){
    #sidebar{
        display: none !important;
    }
}
.remove_filter_option_btn {
    width: 18px !important;
    padding: 4px !important;
    height: 18px !important;
    line-height: 18px !important;
    margin-top: 6px !important;
    margin-right: 10px !important;
}
#reports_cont{
    width:100%;
}
#reports_cont .bigListTitle{
    color:black!important;
}
#reports_cont table{
    font-size:8pt;
}
#reports_cont table thead tr th{
    font-size:8pt;
    font-weight:bold;
    border-bottom:1px solid grey;
    padding-bottom:5px;
}
.rpt_sort_down, .rpt_sort_up{
    margin-left:3px;
}
.rpt_table_head{
    top:100px;
    bottom:31px;
    left:27%;
    right:calc(1% + 18px);
}
.rpt_table_body{
    top:130px;
    font-size:10px;
    bottom:31px;
    width:100%;
    right:1%;
    height:calc(100% - 150px);
    overflow-y:auto;
}
.rpt_footer{
    bottom:0px;
    left:27%;
    right:1.5%;
    overflow-y:auto;
    border-top:1px solid grey;
    padding:8px;
}
.select2-selection.select2-selection--single {
    min-height: 40px !important;
    line-height: 40px !important;
}
.select2-selection__arrow {
    height: 40px !important;
}
.select2-selection__rendered {
    line-height: 40px !important;
    font-family: Arial,sans-serif!important;
    font-size: 1em!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.search_select {
    display:inline;
}
.select2-results__options{
    font-family: Arial,sans-serif!important;
    font-size: 1em!important;
 }