html{
    overflow-y: scroll;
    overflow-x: scroll;
    height: 100%;
}
body{
    min-height: 100%;
}
.noscroll{
    position: fixed;
}

.d_b{
    display: block;
}

.d_ib{
    display: inline-block;
}

.d_tr{
    display: table-row;
}

.d_tc{
    display: table-cell;
}

.va_t{
    vertical-align: top !important;
}

.va_b{
    vertical-align: bottom !important;
}

.va_m{
    vertical-align: middle !important;
}

.d_n{
    display: none;
}

.o_0{
    opacity: 0;
}

.tl_f{
    table-layout: fixed !important;
}

.tl_a{
    table-layout: auto !important;
}

.w_100{
    width: 100%;
}

.s_ele{
    text-align: center;
    border-radius: 5px;
    min-width: 30px;
}
.p_r{
    position: relative;
}
.p_a{
    position: absolute;
}

.loading{
    background: #FAFAD2 !important;
    color: #414141;
}

.s_1{
    background-color: #ed0f00;
    color: white !important;
}
.s_2{
    background-color: rgb(136, 124, 124);
    color: white !important;
}
.s_3{
    background-color: rgb(0, 1, 255);
    color: white !important;
}
.s_4{
    background-color: rgb(255, 118, 0);
    color: white !important;
}
.s_5{
    background-color: rgb(0, 183, 2);
    color: white !important;
}
.s_6{
    background-color: rgb(255, 249, 0);
    color: #414141 !important;
}
.s_7{
    background-color: rgb(0, 168, 255);
    color: #ffffff !important;
}
.s_8{
    background-color: rgb(0, 214, 2);
    color: white !important;
}
.s_c{
    background-color: rgb(0, 229, 255);
    color: white !important;
}
.s_a{
    background-color: rgb(255, 245, 0);
    color: white !important;
}
.s_1 option, .s_1 optgroup, .s_2 option, .s_2 optgroup, .s_3 option, .s_3 optgroup, .s_4 option, .s_4 optgroup, .s_5 option, .s_5 optgroup{
    color: white !important;
}

.s_transparent{
    background-color: transparent;
}

#main_loader{
    z-index: 999999999;
    display: none;
    position: fixed;
    width: 220px;
    margin: 0px auto;
    left: 50%;
}

.main_loader_img_div{
    padding: 5px 0px 5px 0px;
    border-radius: 0px 0px 5px 5px;
    position: relative;
    left: -50%;

    background: #00f409;

}

#main_notification_outer{
    z-index: 9999999;
    position: fixed;
    width: 100%;
    max-width: 500px;
    margin: 0px auto;
    left: 50%;
    word-wrap: break-word;
}

#main_notification{
    position: relative;
    left: -50%;
    margin: 0px 5% 0px 5%;
    width: 80%;
    padding: 10px 5% 10px 5%;
    border-radius: 0px 0px 5px 5px;
    /*text-align: center;*/

    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    color: #0a1d3f;
    font-size: 0.9em;

    background: #ffc800;

    box-shadow: 0 0 5px gray;

}

.f_l{
    float: left;
}

.f_r{
    float: right;
}

hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #aba5a6;
    margin: 5px 0px 10px;
    padding: 0px;
}

.c_b{
    clear: both;
}

.ta_c{
    text-align: center !important;
}

.ta_l{
    text-align: left !important;
}

.ta_r{
    text-align: right !important;
}

.v_h{
    visibility: hidden;
}

.r_n{
    resize: none;
}
.c_grab{
    cursor: grab !important;
    cursor: -webkit-grab !important;
    cursor: -moz-grab !important;
}
.c_grabbing{
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
}

.ofy_s{
    overflow-y: scroll !important;
}
.to_e{
    display: block;
    width: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.us_n{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container{
    width: 100%;
    padding-bottom: 10px;
    min-height: 100%;
}

.login{
    display: block;
    width: 250px;
    margin: 150px auto;
    box-shadow: 0px 0px 5px gray;
}

#password_login{
    width: 236px;
    border: 1px solid #d3d3d3;
    padding: 3px;
    margin: 3px;
}

#password_button{
    float: right;
    margin: 3px;
    padding: 3px;
    border: 1px solid #002400;
    color: white;
    font: bold 0.9em tahoma;
    border-radius: 5px;
    box-shadow: 0px 0px 3px gray;
    background: rgb(0,138,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,138,0,1) 0%, rgba(0,36,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,138,0,1)), color-stop(100%,rgba(0,36,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,138,0,1) 0%,rgba(0,36,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,138,0,1) 0%,rgba(0,36,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,138,0,1) 0%,rgba(0,36,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,138,0,1) 0%,rgba(0,36,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
}

#password_button:hover{
    cursor: pointer;
}

.search_header_img{
    width: 45px;
    margin: 0 10px;
}

.select_search{
    width: 100%;
    vertical-align: top;
    border: 1px solid #d3d3d3;
    font: normal 0.9em tahoma;
    color: #4d4d4d;
    line-height: 1;
    margin-bottom: 4px;
    padding: 3px 2px 2px 4px;
}

.com_outer{
    display:table;
    width: 990px;
    margin: 0 auto;
}

.com_inner{
    display: table-cell;
    vertical-align: top;
}

.com_scrolling{
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 500px;
}

.com{
    margin: 5px;
    box-shadow: 0px 0px 5px 2px #d3d3d3;
    padding: 5px;
    border: 1px solid #d3d3d3;
}

.com fieldset{
    border: 1px solid #d3d3d3;
    padding: 0 5px;
}

.com legend{
    color: #7e7e7e;
    font: bold 0.75em arial;
    line-height: 1;
    padding: 3px 2px 4px 2px;
}

.com_1{
    width: 218px;
    padding: 2px 3px !important;
}
.com_1_a{
    line-height: 1.6;
    display: block;
    text-decoration: none; 
    font-size: 12px; 
    font-family: tahoma; 
    color: #443abd;
}
.com_1_a:hover{
    text-decoration: underline;
}

.com_2{
    width: 458px;
}

.com_3{
    width: 698px;
}

.com_4{
    width: 938px;
}
.com_5{
    left: 0px;
    background: white;
    width: 98%;
    margin: 0px 1%;
    overflow-x: auto;
}

.com_6{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 1024px;
}

.com_popup{
    z-index: 99999;
    position: fixed;
    left: 50%;
    margin-top: 45px;
    height: 0px;
}

.com_popup .com{
    resize: vertical;
    position: relative;
    left: -50%;
    box-shadow: 0px 0px 30px 15px #a0aadb;
    background-color: white;
    overflow-y: auto;
    padding: 0 !important;
    border: 1px solid #b1b1b1 !important;
}
.popup_scrollable_div{
    position: relative;
    display: block;
    overflow-y: scroll;
}

.com_img_button{
    max-height: 22px;
}

.com_img_button:hover{
    cursor: pointer;
}

.list_item{
    line-height: 1;
    border-top: 1px solid white;
    background: #DDE7FF;
    border-bottom: 1px solid #C7D0E8;
}
.list_item img{
    margin: 4px 0 0 4px;
    width: 20px;
    height: 20px;
}
.list_item .list_name{
    display: inline-block;
    vertical-align: top;
    font: normal 0.8em arial;
    color: #393939;
    line-height: 1.2;
    padding: 7px 4px 5px;
}

.list_item:hover{
    cursor: pointer;
    background: rgb(102,196,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2YzRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmU2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(102,196,255,1) 0%, rgba(191,230,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,196,255,1)), color-stop(100%,rgba(191,230,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(102,196,255,1) 0%,rgba(191,230,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(102,196,255,1) 0%,rgba(191,230,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(102,196,255,1) 0%,rgba(191,230,255,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(102,196,255,1) 0%,rgba(191,230,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c4ff', endColorstr='#bfe6ff',GradientType=1 ); /* IE6-8 */
}

.list_item_selected{
    background: rgb(255,191,102); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255,191,102,1) 0%, rgba(255,244,191,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,191,102,1)), color-stop(100%,rgba(255,244,191,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,191,102,1) 0%,rgba(255,244,191,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,191,102,1) 0%,rgba(255,244,191,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,191,102,1) 0%,rgba(255,244,191,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,191,102,1) 0%,rgba(255,244,191,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf66', endColorstr='#fff4bf',GradientType=1 ); /* IE6-9 */
}

.list_item_selected .list_name{
    background: transparent;
}

.com_fix_x{
    left: 0;
    position: absolute;
}

.com_1 h1{
    font: normal 1em tahoma;
    color: white;
    line-height: 1;
    padding: 4px 3px;
    margin-top: 5px;
    width: 195px;
    background: #37679f;
    border-bottom: 1px solid #2a4671;
    border-radius: 5px 5px 0 0;
    box-shadow: 0px -1px 3px gray;
}

.com hr{
    min-width: 217px;
}

.com_2 h1, .com_3 h1, .com_4 h1, .com_5 h1, .open_com h1{
    font: normal 1.25em tahoma;
    color: #3c3c3c;
    line-height: 1;
    padding: 5px 0px 15px 10px;
}

.com h2, .com_h2{
    display: inline-block;
    vertical-align: top;
    font: normal 1em tahoma;
    color: #364171;
    line-height: 1;
    padding: 10px;
    margin-bottom: 5px;
}

.com h3, .com_h3{
    display: inline-block;
    vertical-align: top;
    font: bold 0.9em tahoma;
    color: #364171;
    line-height: 1;
    padding: 10px;
    margin-bottom: 5px;
}

.com button{
    line-height: 1;
    padding: 4px;
    margin: 5px;
    color: white;
    font: bold 0.9em tahoma;
    box-shadow: 0px 0px 2px 2px gray;
    min-width: 75px;
}

.com button:hover{
    cursor: pointer;
    color: orange;
}

.com button:active{
    box-shadow: 0px 0px 0px 0px gray;;
}

.com .green_button{
    border: 1px solid #002400;
    background: rgb(0,138,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,138,0,1) 0%, rgba(0,36,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,138,0,1)), color-stop(100%,rgba(0,36,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,138,0,1) 0%,rgba(0,36,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,138,0,1) 0%,rgba(0,36,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,138,0,1) 0%,rgba(0,36,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,138,0,1) 0%,rgba(0,36,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
}

.com .orange_button{
    border: 1px solid #002400;
    background: rgb(170,102,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(170,102,0,1) 0%, rgba(63,34,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,102,0,1)), color-stop(100%,rgba(63,34,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(170,102,0,1) 0%,rgba(63,34,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(170,102,0,1) 0%,rgba(63,34,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(170,102,0,1) 0%,rgba(63,34,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(170,102,0,1) 0%,rgba(63,34,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa6600', endColorstr='#3f2200',GradientType=0 ); /* IE6-9 */
}

.com .red_button{
    border: 1px solid #002400;
    background: rgb(150,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(150,0,0,1) 0%, rgba(40,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,0,0,1)), color-stop(100%,rgba(40,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(150,0,0,1) 0%,rgba(40,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(150,0,0,1) 0%,rgba(40,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(150,0,0,1) 0%,rgba(40,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(150,0,0,1) 0%,rgba(40,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#960000', endColorstr='#280000',GradientType=0 ); /* IE6-9 */
}

.com .blue_button{
    border: 1px solid #002400;
    background: rgb(2,0,137); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(2,0,137,1) 0%, rgba(0,1,38,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,0,137,1)), color-stop(100%,rgba(0,1,38,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(2,0,137,1) 0%,rgba(0,1,38,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(2,0,137,1) 0%,rgba(0,1,38,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(2,0,137,1) 0%,rgba(0,1,38,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(2,0,137,1) 0%,rgba(0,1,38,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020089', endColorstr='#000126',GradientType=0 ); /* IE6-9 */
}

.com .black_button{
    border: 1px solid #002400;
    background: rgb(96,96,96); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(96,96,96,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,96,96,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(96,96,96,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.com .bar_button{
    display: inline-block;
    vertical-align: top;

    border-radius: 7px 7px 0px 0px;
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    text-align: center;
    font: bold 0.9em arial;
    color: #535353;
    line-height: 1;
    padding: 10px 15px 5px 15px;
}

.com .bar_button_selected{
    background-color: #dcf1ff;
}

.com .bar_button:hover{
    cursor: pointer;
    background-color: #ffd2b6;
}

.com .bar_div{
    background-color: #dcf1ff;
    padding: 10px 3px 3px 3px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.com ol{
    list-style: decimal;
    list-style-position: outside;
    margin: 10px 5px 10px 35px;
}

.com ul{
    list-style: disc;
    list-style-position: outside;
    margin: 10px 5px 10px 35px;
}

.com li{
    font: normal 0.9em tahoma;
    color: #545454;
    line-height: 1.5;
}

.outer_info{
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin-bottom: 7px;
    padding: 4px 0;
}

.label{
    width: 170px;
    position: relative;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    vertical-align: top;
    display: inline-block;
    text-align: right;
    font: bold 0.8em arial;
    color: #535353;
    line-height: 1.2;
    padding: 8px 0 0 0;
    margin: 0 15px 0 5px;
}

.info{
    width: calc(100% - 220px);
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.required{
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 0;
    border-color: #ff0000 transparent transparent
}

.info p, .info a{
    padding: 6px;
    font: normal 0.8em tahoma;
    color: #535353;
    line-height: 1.2;
}

.info select, .info input[type=text], .info input[type=number], .info input[type=password], .info textarea, .info iframe{
    width: 100%;
    display: block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 1px solid #d3d3d3;
    padding: 3px;
    min-height: 25px;
    height: 25px;
    font-size: 12px;
    line-height: 1.2;
    color: #444;
    font-family: Tahoma;
    vertical-align: top;
}

.info select{
    white-space: nowrap;
}
.info input[type=text]{
    padding: 3px 6px !important;
}

.info option{
    white-space: nowrap;
}

.info input[type=text], .info input[type=number], .info input[type=password],{
    vertical-align: top;
    border: 1px solid #d3d3d3;
    font: normal 0.8em tahoma;
    color: #545454;
    line-height: 1.9;
    padding: 0 3px;
}

.info .radio{
    vertical-align: top;
    font: normal 0.8em tahoma;
    color: #545454;
    line-height: 1.9;
    padding: 3px 10px 0 0;
}
.info .radio input[type=radio]{
    vertical-align: top;
    margin-top: 6px;
}
.info .radio span{
    display: inline-block;
    width: 180px;
}

.info input[type=checkbox]{
    vertical-align: top;
    margin-top: 7px;
}

.info textarea{
    vertical-align: top;
    border: 1px solid #d3d3d3;
    font: normal 0.8em tahoma;
    color: #545454;
    line-height: 1.9;
    padding: 0 3px;
    resize: vertical;
}


.menu_table td{
    line-height: 1.2 !important;
    padding: 5px 2px !important;
}


.com_table{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    border-spacing: 3px;
    border-width: 3px;
    border-collapse:collapse;
}
.com_table th{
    vertical-align: top;
    color: #7e7e7e;
    font: bold 0.75em arial;
    line-height: 1;
    padding: 3px 2px 4px 2px;
}

.com_table td{
    vertical-align: top;
    color: #4d4d4d;
    font: normal 0.75em tahoma;
    line-height: 1;
    padding: 3px 2px 4px 2px;
    margin: 0px;
    word-wrap: break-word;
}

.com_table input[type=text], .com_table textarea, .com_table select{    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    display: block; 
    padding: 0px 2px;
    font: 1em tahoma;
    line-height: 1.34;
    border: 1px solid #D3D3D3;
    color: #414141;
    height: 24px;
    width: 100%;
}
.com_table textarea{
    padding: 3px 2px;
}

.com_table select{
    -webkit-appearance: default-button;
    -moz-appearance: listbox;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 2px;
    -moz-padding-end: 2px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    word-break: keep-all;
    white-space: nowrap;
}

.com_table a:hover{
}
.com_table p{
    font: normal 1em arial;
    color: #535353;
    line-height: 1.2;
    padding: 5px 2px;
}
.com_table .search_button{
    box-shadow: 0px 0px 4px gray;
    border: 1px solid #d3d3d3;
}
.com_table .search_button:hover{
    cursor: pointer;
}
.com_table .search_button:active{
    box-shadow: 0px 0px 0px white;
}

.search_table{
    border: 2px solid #bfd7ff;
}
.search_table th{
    font-size: 0.8em;
    font-weight: bold;
    padding: 6px 2px;
    border-bottom: 1px solid #c2c2c2;
    background: #DDE7FF;
    border-right: 1px solid #c2c2c2;
    text-align: center;
}
.search_table th:last-child{
    border-right: 0 !important;
}
.search_table td{
    padding: 4px;
    background: #F1F1F1;
    border-right: 1px solid #c2c2c2;
}
.return_table{
    margin-top: 10px;
    border: 2px solid #bfd7ff;
}
.return_table th, .return_table tfoot td{
    font-size: 0.8em;
    background: #DDE7FF;
    font-weight: normal;
    padding: 4px;
    text-align: center;
    vertical-align: middle !important;
    border-bottom: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
}
.return_table th:last-child{
    border-right: 0 !important;
}
.return_table td{
    padding: 4px;
    border-right: 1px solid #c2c2c2;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.insert_table{
    border: 2px solid #e1e1e1;
}
.insert_table th{
    font-size: 0.9em;
    padding: 8px;
    border-bottom: 1px solid #c2c2c2;
    background: #e6ffec;
}
.insert_table td{
    padding: 6px;

}
.tr_1{
    background: #f1f1f1 !important;
}
.tr_2{
    background: #ffffff !important;
}
.tr_hover:hover{
    background: #ffe7d1 !important;
}

.allocate{
    width: 200px;
    padding: 5px;
    margin: 3px;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
}

.allocate .item{
    min-width: 140px;
    border: 1px solid #d3d3d3;
    font: normal 0.8em tahoma;
    color: #393939;
    line-height: 1;
    padding: 6px 4px 6px 4px;
    margin: 4px 0px;
    border-radius: 5px;
    background-color: #e8e2ff;
}

.allocate .item:hover{
    cursor: pointer;
    background-color: #c3bfff;
}

.info_popup_div{
    position: absolute;
    margin: 6px 0px 0px 201px;
}
.info_popup_div img{
}
.info_popup_div:hover{
    cursor: help;
}
.info_popup_div div{
    position: absolute;
    display: none;
    background: rgba(255, 244, 176, 0.9);
    line-height: 1.2;
    font: normal 0.7em tahoma;
    color: #505050;
    text-align: justify;
    margin: -20px 0 0 25px;
    width: 219px;
    padding: 5px;
    border: 1px solid #ffaf59;
    border-radius: 4px;
    box-shadow: 0px 0px 7px #bbbbbb;
}
.info_popup_div div:after{
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:10px solid blue;
}

.com_selector{
    border: 0px;
    width: 218px;
    font: normal 1em tahoma;
    color: #3c3c3c;
}


.com_select_outer{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 80%;
    margin: 100px auto;
    color: #333;
}
.com_select_outer div{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.com_select_button{
    display: inline-block;
    vertical-align: top;
    width: 183px;
    height: 183px;
    padding: 0 10px;
}
.com_select_button:hover{
    cursor: pointer;
    background: #e9e9e9;
}
.com_select_button img{
    display: block;
    width: 48px;
    margin: 30px auto 20px;
}
.com_select_head{
    position: relative;
    min-width: 20px;
    min-height: 20px;
    font: 400 13px Roboto,arial,sans-serif;
    text-align: center;
    font-weight: 600;
}
.com_select_body{
    position: relative;
    min-width: 20px;
    min-height: 20px;
    font: 400 13px Roboto,arial,sans-serif;
    text-align: center;
}


.back_button{
    width: 35px;
}
.back_button:hover{
    cursor: pointer;
}

.td_attention{
    background: #fffdab !important;
}

.com_info_outer{
    padding: 50px 75px;
    font-family: tahoma;
}
.com_info_outer table th{
    color: rgba(87, 182, 255, 0.97);
    font-weight: bold;
    font-size: 1em;
    padding: 10px 4px;
}
.com_info_outer table td{
    line-height: 1;
    color: graytext;
    font-size: 0.8em;
    padding: 4px 5px;
}

th.headerSortUp {
    background-image: url(../images/asc.gif) !important;
    background-color: #cdcfff;
}
th.headerSortDown {
    background-image: url(../images/desc.gif) !important;
    background-color: #cdcfff;
}
th.header {
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(../images/bg.gif);
    cursor: pointer;
}

.tr_alternate tr:nth-child(even){
    background-color: #ebebeb;
}
.tr_alternate tr:nth-child(odd){
    background-color: #FFFFFF;
}


.popup_com{
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 3px 0 0 3px;
}
.popup_com_editable{
    width: calc(64% - 5px) !important;
}
.popup_stc{
    vertical-align: top;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    float: right;
    width: calc(36% - 5px);
    margin: 3px 3px 0 0;
}
.popup_top_bar{
    padding: 3px;
    height: 20px;
    background: #2D4BAC; 
    border-bottom: 1px solid gray;
}
.popup_top_bar div{
    font-family: Tahoma;
    float: left;
    color: white;
    font-size: 16px;
    font-weight: bold;
}
.popup_table{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
    table-layout: fixed;
    width: calc(100% - 10px);
    border: 2px solid #003283;
    margin: 0 5px;
}
.popup_table th{
    position: relative;
    font-size: 0.8em;
    padding: 3px;
    line-height: 1.34;
    border-bottom: 1px solid #c2c2c2;
    background: #003283;
    font-weight: 600;
    color: #ffffff;
    font-family: Tahoma;
    text-align: center;
    border-bottom: 1px solid #adadad;
}
.popup_table td{
    position: relative;
    vertical-align: top;
    padding: 4px 2px;    
    background: #eeeeee;
}
.popup_table td select, .popup_table td input, .popup_table td textarea{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 100%;
    color: #414141;
    line-height: 1.34;
    height: 24px;
    min-height: 24px;
    padding: 2px 3px;
    border: 1px solid #adadad;
    font-family: Tahoma;
    font-size: 12px;
}
.popup_table td:first-child{
    padding-left: 4px;
}
.popup_table td:last-child{
    padding-right: 4px;
}
.popup_table button{
    font-size: 0.75em;
}
.popup_please_note{
    font-family: Tahoma;
    font-size: 14px;
}


.stc_outer{
    font-family: Tahoma;
    font-size: 12px;
    line-height: 1.34;
    position: relative;
    overflow-y: scroll;
}
.stc_inner{
    padding: 4px;
    background: #F1F1F1;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #fdfdfd;    
}
.app_inner{
    padding: 4px;
    background: #d3d3d3;
    border-radius: 10px 10px 0 0;
}
.stc_profile_pic{
    display: inline-block;
    vertical-align: top;
    width: 36px;
    border-radius: 18px;
}
.stc_span{
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 50px);    
    padding: 2px 3px;    
}
.stc_from{    
    font-weight: 600;       
    color: #3B5998;
}
.stc_label{
    font-weight: 600;
    color: #414141;
}
.stc_info{
    color: #414141;
}
.stc_date{
    margin-top: 6px;
    color: #9398b8;
}
.stc_img{
    margin-top: 3px;
    width: 100%;
}
.stc_form{
    vertical-align: top;
}
.stc_form label:hover{
    cursor: pointer;
}
.stc_form label.filebutton {
    display: inline-block;
    width: 26px;
    height: 26px;
    overflow:hidden;
    border: 1px solid lightblue;
    position:relative;
    background-color:#ccc;
}
.stc_form label span input {
    background: black;
    z-index: 999;
    line-height: 0 !important;
    width: 26px;
    height: 26px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    margin: 0 !important;
    padding:0 !important;
    filter: alpha(opacity = 1);
    -ms-filter: "alpha(opacity=1)";
}
#stc_textarea{
    box-sizing:border-box;
    width: calc(100% - 94px) !important;
    padding: 3px 3px;
    line-height: 1.34;
    border: 1px solid #d3d3d3;
    font-family: inherit;
    font-size: inherit;
    height: 25px;
    min-height: 25px;
}
#stc_comment_button{
    float: right;
    background: rgb(1, 0, 85);
    text-align: center;
    color: white;
    width: 50px;
    font-weight: 600;
    padding: 3px 2px;
    border: 1px solid #d3d3d3;
}
#stc_comment_button:hover{
    cursor: pointer;
}

.approval_div{
    width: 35px;
    height: 35px;
    border-radius: 20px;
    opacity: 0.1;
    text-align: center;
    font-size: 24px;
    font-weight: 100;
    box-shadow: 0 0 6px #003283;
}
.approval_selected{
    opacity: 1;
}
.approval_editable:hover{
    cursor: pointer;
    opacity: 1;
}
.approval_editable:active{
    box-shadow: 0 0 2px #003283;
}


.new_notif_table{
    width: 300px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin: 10px 10px 0;
}
.new_notif_table tr td:first-child{
    padding: 0 10px;
    text-align: right;
    width: 200px;
}
.new_notif_table tr td:last-child{
    width: 200px;
}
.new_notif_table tr td{
    font: 0.75em tahoma;
}
.new_notif_table select{
    width: 100%;
    border: 1px solid #d3d3d3;
}

.optgroup_1{
    color: black; 
    font-size: 14px; 
    font-weight: 600; 
    padding: 5px 2px 0;
}
.optgroup_2{
    color: #414141; 
    font-size: 13px; 
    font-weight: 600; 
    padding: 5px 10px 0;
}

.admin_display{
    display: table-row;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 100%;
}
.admin_display img{
    display: table-cell;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    border-radius: 18px;
}
.admin_display span{
    display: table-cell;
    width: calc(100% - 40px);
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    line-height: 1.2;
    vertical-align: middle;
    font-family: Tahoma;
    font-size: 12px !important;
    font-weight: 600;
    color: #3B5998 !important;
    padding: 0px 5px;
}


.stu_display{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width: 100%;
}
.stu_display img{
    display: inline-block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    clip: rect(0px,0px,100px,0px);
    object-fit: cover;
}
.stu_display div{
    display: inline-block;
    width: calc(100% - 50px);
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    vertical-align: middle;
    font-family: Tahoma;
    font-size: 12px;
    color: #414141;
    padding: 0px 5px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.np_table{
    width: calc(100% - 10%);
    margin: 10px auto;
    table-layout: fixed;
    border-bottom: 1px solid lightgrey;
}
.np_table div{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font: normal 12px tahoma;
    padding: 5px;
    margin: 0 2px;
    background: #f9f9ff;
    text-align: center;
}
.np_table div:hover{
    cursor: pointer;
    background: #f0f1ff;
}
.np_selected{
    font-weight: bold !important;
}