@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;
}
.table-fixed-th          { overflow: auto; }
.table-fixed-th thead th { position: sticky; top: 0; z-index: 1; background-color: #fff; }

/*-----------------------------------------------------------------------------------------*/
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:#4c72cf;text-decoration:underline;cursor:pointer;}
.noTitleStuff {display:none;}
.rounded{-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.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;}
.page{padding:15px;height:calc(100% - 90px);}
.d_page{
    padding:25px;
    height:calc(100% - 50px);
}
.d_page_p10{
    padding: 10px !important;
    height:calc(100% - 20px);
}
.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;
}

/*-----------------------------------------------------------------------------------------*/
.description{font-size:9px;font-weight:bold;}
.na{text-decoration:italic;color:grey;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.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 !important;}
.none-important{display:none !important;}
.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;}
.pre-line{white-space:pre-line;}
.breakword{overflow-wrap: break-word;}
.word-break-all{word-break: break-all;}
.ofw-anywhere{overflow-wrap: anywhere;}
.justify-start{justify-content: start}

/*-----------------------------------------------------------------------------------------*/
.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;
}
.title_bar_title{
    font-size:25px;
    line-height: 40px;
}
.sm_title_bar{
    padding-bottom:15px;
    font-weight:600;
    font-family: Roboto-Light, sans-serif;
}
.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{
    display: inline-block;
    line-height: 38px;
    text-align: center;
    white-space: nowrap;
    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_blue_btn:hover,
.title_bar_red_btn:hover,
.title_bar_green_btn:hover,
.title_bar_light_blue_btn:hover{
    opacity: 0.8;
}

.jquery_ui_red_btn, .jquery_ui_blue_btn{
    line-height: 38px!important;
    height: 38px!important;
    text-align: center!important;
    padding-left: 25px!important;
    padding-right: 25px!important;
    font-weight: 800!important;
    font-size: 14px!important;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    -khtml-border-radius: 3px!important;
    border-radius: 3px!important;
    cursor: pointer!important;
    box-shadow:none!important;
    -webkit-box-shadow:none!important;
}

.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;
}

.btn_op7{opacity: 0.7;}
.btn_op5{opacity: 0.5;}
.btn_op3{opacity: 0.3;}
.btn_on{
    opacity: 0.7;
}
.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;
}

/*-----------------------------------------------------------------------------------------*/
.color-dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}
.blue-dot {
    background-color: #156fbe;
}
.green-dot {
    background-color: green;
}
.red-dot {
    background-color: #ee3124;
}
.white-dot {
    background-color: #fff;
}
.black-dot {
    background-color: #000;
}
.orange-dot {
    background-color: #eb7a34;
}
.pink-dot {
    background-color: #ffff66;
}
.cyan-dot {
    background-color: #0FF;
}
.purple-dot {
    background-color: #990;
}
.brown-dot {
    background-color: #804000;
}
.gray-dot {
    background-color: #999;
}
.magenta-dot {
    background-color: #F0F;
}
.yellow-dot {
    background-color: #FF0;
}

/*-----------------------------------------------------------------------------------------*/

.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;
}

.play_btn{
    cursor:pointer;
}
.play16, .play14, .play12{
    border-style: solid;
    box-sizing: border-box;
    margin-top: 2px;
}
.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;
    height:417px;
    line-height:417px;
    width:100%;
}


.questionaire_heading, .inspect_heading{
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
}

.questionaire_question, .inspect_question{
    padding-left:20px;
    padding-right:10px;
    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;
}

.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{
    width:200px;
    height:150px;
}

#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;
    border-radius:3px;
    display:none;
}

.map_menu_option{
    padding:10px;
    font-size:16px;
    cursor:pointer;
}

.map_menu_option_disabled{
    padding:10px;
    font-size:16px;
    cursor:pointer;
}
.successful_title{
    font-size: 48pt;
}
.unsubscribed_title{
    font-size: 48pt;
}
.unsubscribed_title i{
    font-size: 64pt;
}
.sidebar_btn{
    height:50px;
    line-height:50px;
    width:auto;
    padding-left:25px;
}
.sidebar_btn:hover{
    cursor: pointer;
}
.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 table{
    font-size:8pt;
}
#reports_cont table thead tr th{
    font-size:8pt;
    font-weight:bold;
    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;
    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;
}

.web_channel_widget_example_cont{
    border-radius : 10px;
    padding : 10px;
    width : 15%;
    height:  15%;
    min-height: 200px;
    max-height: 300px;
    display: flex;
    flex-direction: column;
}

.web_channel_widget_local_msg{
    display:  flex;
    justify-content: flex-end;
    border-radius : 5px;
    margin : 3px;
    max-width:  80%;
    align-self: flex-end;
    margin-left:  auto;
    padding: 10px;
    font-family: Roboto-Light;
}

.web_channel_widget_remote_msg{
    display: flex;
    justify-content: left;
    border-radius: 5px;
    margin: 3px;
    margin-right: 20%;
    padding: 10px;
    font-family: Roboto-Light;
}

.web_channel_widget_button{
    font-size: 14px;
    text-align: center;
}