.hidden { position: absolute !important; top: -99999px !important; left: -999999px !important; overflow: hidden !important; width: 1px !important; height: 1px !important;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


img, a img { border: 0; vertical-align: middle; }
p { margin: 0 0 1em 0; }


a { color: #0099CC; background-color: transparent; }
a.active { color: #0099CC !important; background-color: transparent; }
a:hover { color: #09f !important; background-color: transparent; }
.maincolor { color: #666; background-color: transparent; }
.maincolor2 { color: #0099CC; background-color: transparent; }
.maincolor3 { color: #333 !important; background-color: transparent; }
.maincolor4 { color: #DA0C53; background-color: transparent; }
.maincolor5 { color: #999 !important; background-color: transparent; }
.disabled { color: #b2b2b2 !important; background-color: transparent; }
.black { color: #000 !important; background-color: transparent; }

.noshadow { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; behavior: none !important;}

.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.float_left { float: left; display: inline;}
.float_left_margin { float: left; display: inline; margin: 0 20px 5px 0}
.float_right { float: right; display: inline;}
.font-8 { font-size: 80%; line-height: 1.2em; }
.font-9 { font-size: 90%; line-height: 1.2em; }
.font-10 { font-size: 110%; line-height: 1.2em; }
.font-12 { font-size: 120%; line-height: 1.2em; }
.font-13 { font-size: 130%; line-height: 1.2em; }
.font-14 { font-size: 140%; line-height: 1.2em; }
.font-15 { font-size: 150%; line-height: 1.2em; }
.font-16 { font-size: 160%; line-height: 1.2em; }
.font-17 { font-size: 170%; line-height: 1.2em; }
.font-18 { font-size: 180%; line-height: 1.2em; }
.font-19 { font-size: 190%; line-height: 1.2em; }
.font-20 { font-size: 200%; line-height: 1.2em; }
.font-21 { font-size: 210%; line-height: 1.2em; }
.font-22 { font-size: 220%; line-height: 1.2em; }
.font-23 { font-size: 230%; line-height: 1.2em; }
.font-24 { font-size: 240%; line-height: 1.2em; }
.font-25 { font-size: 250%; line-height: 1.2em; }
.fontbigger { font-size: 1.1em; line-height: 1.2em; }
.fontbigger-xl { font-size: 1.2em; line-height: 1.2em; }
.fontbigger-xxl { font-size: 1.3em; line-height: 1.2em; }
.fontbigger-xxxl { font-size: 1.4em; line-height: 1.2em; }
.fontbigger-xxxxl { font-size: 1.6em; line-height: 1.2em; }
.fontsmaller { font-size: 0.97em; line-height: 1.2em; }
.fontsmaller-xs { font-size: 0.95em; line-height: 1.2em; }
.fontsmaller-xxs { font-size: 0.90em; line-height: 1.2em; }
.fontsmaller-xxxs { font-size: 0.85em; line-height: 1.2em; }
.fontsmaller-xxxxs { font-size: 0.8em; line-height: 1.2em; }
.lineheight-bigger { line-height: 1.4em; }
.lineheight-bigger-xl { line-height: 1.6em; }
.italic { font-style: italic; }
.style-normal { font-style: normal; }
.light { font-weight: normal; }
.mb { margin-bottom: 0.5em; }
.mb-1 { margin-bottom: 1px; }
.mb-s { margin-bottom: 0.3em; }
.mb-x { margin-bottom: 0.7em; }
.mb-xx { margin-bottom: 1em; }
.mb-xxx { margin-bottom: 1.3em; }
.mb-xxxx { margin-bottom: 1.6em; }
.mb-xxxxx { margin-bottom: 2em; }
.mb-xxxxxx { margin-bottom: 2.5em; }

.spacer { margin: 20px 0; height: 1px; overflow: hidden; border-bottom: 1px solid #e5e5e5; }

.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }



.notice { font-size: 130%; line-height: 1.2em; color: #666; background-color: #edf3fd; padding: 8px 40px; margin: 0 0 1em 0; border-top: 1px solid #b2c7df; border-bottom: 1px solid #b2c7df; text-align: left; }
.notice a { color: #666; background-color: transparent; }
.notice.ok { color: #666; background: #edffe1 url(ok.gif) no-repeat 15px 0.7em; border-top: 1px solid #bdd8bd; border-bottom: 1px solid #bdd8bd; }
.notice.warning { color: #666; background: #fdffcb url(warning.gif) no-repeat 15px 0.7em; border-top: 1px solid #fcd41d; border-bottom: 1px solid #fcd41d; }
.notice.error { color: #c33; background: #ffebe2 url(error.gif) no-repeat 15px 0.7em; border-top: 1px solid #fecfc1; border-bottom: 1px solid #fecfc1; }
.notice_happy { margin: 1em 0; padding: 13px 10px 13px 40px; font-size: 130%; line-height: 1.2em; color: inherit; background: #ffffeb url(smily.png) no-repeat 12px 0.7em; border: 1px solid #d6d6d6;; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.notice_inline { position: relative; padding: 6px; background-color: #fff; color: inherit; background-repeat: no-repeat; background-position: 0 -3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.notice_inline.ok { padding-left: 40px; background-image: url(notice_ok.gif); color: #0c6; }
.notice_inline.error { padding-left: 40px; background-image: url(notice_error.gif); color: #f63; }

.pagination { overflow: hidden; position: relative; text-align: right; line-height: 34px; }
.pagination .nav_buttons { float: right; display: inline; margin-left: 10px; width: 70px; }
.pagination .nav_buttons a, .pagination .nav_buttons span { float: left; display: inline; width: 34px; height: 34px; text-align: left; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
.pagination .nav_buttons a:hover { background-position: 0 100%; }
.pagination .nav_buttons .prev_page { float: left; display: inline; background-image: url(pag_prev.png); }
.pagination .nav_buttons .next_page { float: right; display: inline; background-image: url(pag_next.png); }
.pagination .nav_buttons span.prev_page { background-image: url(pag_prev_off.png); }
.pagination .nav_buttons span.next_page { background-image: url(pag_next_off.png); }

.ico { position: relative; padding: 2px 0 0 20px; background-repeat: no-repeat; background-position: 0 50%;}
.ico.ico_comments { background-image: url(comments.png); }
.ico.ico_comments2 { background-image: url(comments2.png); padding: 4px 0 4px 16px; background-position: 0 5px; }
  .ico.ico_comments2:hover, .ico.ico_comments2.active { background-position: 0 -83px; }
.ico.ico_cup { background-image: url(cup.png); }
.ico.ico_excel { background-image: url(excel.png); }
.ico.ico_mail { background-image: url(mail.png); }
.ico.ico_warning { background-image: url(warning_s.png); padding: 0 0 0 12px; }
.ico.ico_arrow_left_white { background-image: url(arrow_left_white.png); padding-left: 17px; background-position: 0 60%; }
.ico.ico_arrow_left_blue { background-image: url(arrow_left_blue.png); padding-left: 17px; background-position: 0 70%; }
.ico.ico_arrow_right_blue { background-image: url(arrow_right_blue.png); padding-left: 0; padding-right: 17px; background-position: 100% 70%; }
.ico.ico_add_circle_blue { background-image: url(add_circle_blue.png); }
.ico.ico_arrow_up_blue_s { background-image: url(arrow_up_blue_s.png); padding-left: 10px; background-position: 0 70%; }
.ico.ico_rss { background-image: url(rss.png); background-position: 0 70%; }

.nopointer { cursor: default !important; }

form { margin: 0; padding: 0; }
.fieldbox {
  border: 0;
  font-size: 1em;
  font-family: inherit;
  padding: 5px;
  font-family: inherit;
  background: #fff url(fieldbox.gif) repeat-x 0 0;
  color: #666;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
  /*iecss3-border-radius: 5px; behavior: url(/stylesheets/ie-css3.htc);*/
}
form .fields { }
form .fields label, form .fields .label { font-style: italic; font-weight: bold; line-height: 1.4em; padding-left: 5px;  }
.button, a.button:hover { position: relative; cursor: pointer; overflow: visible; border: 0; font-size: 1em; padding: 4px 10px; background-color: #0099CC; color: #fff; text-decoration: none;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #333; -webkit-box-shadow: 0 1px 3px #333;
  /* border-radius: 5px;  behavior: url(/stylesheets/ie-css3.htc); */
}
.button:hover, a.button:hover { background-color: #09f; color: #fff !important;}
.button.noshadow:hover { -moz-box-shadow: 0 1px 3px #333 !important; -webkit-box-shadow: 0 1px 3px #333 !important; }

.button.red, a.button.red:hover { background-color: #FB2F64; color: #fff; }
.button.red.right-arrow, a.button.red.right-arrow:hover { background-image: url(arrow_right_white.png); background-repeat: no-repeat; background-position: 95% 55%; padding: 7px 40px 7px 10px; }
.button.gray2, .button.gray2:hover { background-color: #999; color: #ccc !important; }
.button.white, a.button.white:hover { background-color: #fff; color: #09c !important; padding: 3px 8px;}
  .button.white:hover, a.button.white:hover { color: #000 !important; }
.button.white2, a.button.white2:hover { background-color: #fff; color: #333 !important; padding: 3px 8px;}
  .button.white2:hover, a.button.white2:hover { color: #000 !important; }
.button.disabled, a.button.disabled:hover { background-color: #d6d6d6; color: #fff !important;}
.button.ico_excel, .button.ico_excel:hover { padding-left: 30px; background-image: url(excel.png); background-repeat: no-repeat; background-position: 8px 50%; }
.button.ico_mail, .button.ico_mail:hover { padding-left: 30px; background-image: url(mail.png); background-repeat: no-repeat; background-position: 8px 50%; }
.button.gray, .button.gray:hover { background-color: #edeff2; color: #EB1F5D !important; padding: 12px 45px 12px 15px; background-image: url(arrow_right_red.png); background-repeat: no-repeat; background-position: 95% 55%; }
  .button.gray:hover, a.button.gray:hover { color: #c01a4d !important; }


.buttonB, a.buttonB:hover { position: relative; cursor: pointer; overflow: visible; line-height: 37px; background: url(buttonB.png) no-repeat 0 50%; color: #fff !important; background-color: transparent; text-decoration: none; padding: 10px 25px 10px 30px; -moz-border-radius: 0 5px 5px 0; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;}

.button_reject, a.button_reject:hover { font-size: 1em; line-height: 1.2em; border: 0; position: relative; cursor: pointer; overflow: visible; background-color: #f03; color: #fff !important; padding: 6px 12px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.button_accept, a.button_accept:hover { font-size: 1em; line-height: 1.2em; border: 0; position: relative; cursor: pointer; overflow: visible; background-color: #9c6; color: #fff !important; padding: 6px 12px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.boxA {
  background: #fff;
  color: inherit;
  padding: 20px;
  margin: 0 0 15px 0;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  -moz-box-shadow: 1px 3px 3px #999; -webkit-box-shadow: 0px 3px 3px #999;
  behavior: url(ie-css3.htc);
}
.boxA.padding-x {
  padding: 40px;
}

.boxA.boxAdark {
  background-color: #333;
  color: #fff;
}

.boxA.boxAyellow {
  background-color: #fffeeb;
  color: #fff;
}
.boxA.boxAblue {
  background-color: #0099CC;
  color: #004c66;
}
.boxA.boxAred {
  background-color: #ec1f5d;
  color: #fff;
}
.boxA.boxAblue_degree {
  background: #007da7 url(blue_v.jpg) repeat-x 0 0;
  color: #fff;
}
.boxA.boxAlightblue {
  background-color: #ccebf5;
  color: inherit;
  border: 1px solid #acc8d1;
}
.boxA.noshadow {
  -moz-box-shadow: none; -webkit-box-shadow: none;
  behavior: url(ie-css3.htc);
}
  .boxA .takeboxpadding {
    margin: -20px;
  }
  .boxA .boxbottom {
    clear: both;
    margin: 0 -20px -20px -20px;
    padding: 10px 20px;
    border-top: 1px solid #dfdfdf;
    background-color: #f2f2f2;
    color: inherit;
    -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
  }
  .boxA .boxtop {
    margin: -20px -20px 20px -20px;
    padding: 10px 20px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f2f2f2;
    color: inherit;
    -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
  }

.boxA.managecol {
  overflow: hidden;
  background: #fff url(boxA_managecol.gif) repeat-y 100% 0;
}
  .boxA.managecol .maincontent_col {
    float: left; display: inline;
    width: 665px;
  }  
  .boxA.managecol .manageoptions_col {
    float: right; display: inline;
    width: 200px;
  }  

.boxB {
  background: #e5f5fa;
  color: inherit;
  padding: 15px;
  margin: 0 0 15px 0;
  border: 1px solid #e5e5e5;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  
}


ul.list_cols {
  margin: 0 0 0 -20px;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}
  ul.list_cols li {
    float: left; display: inline;
    margin-left: 20px;
  }
  ul.list_cols li:last-child {
    float: right;
  }
  ul.list_cols.no_fit li:last-child {
    float: left;
  } 
  
  
.cols50 {
  overflow: hidden;
  width: 100%;
  clear: both;
}
  .cols50_left {
    float: left; display: inline;
    width: 46%;
  }       
  .cols50_right {
    float: right; display: inline;
    width: 46%;
  }       
  

.table {
  border: 0;
  width: 100%;
  font-size: 130%;
  line-height: 1.2em;
  border-collapse: collapse;
}
  .table th {
    background: #ececec url(lightgray_v.gif) repeat-y 100% 0;
    color: inherit;
    vertical-align: middle;
    height: 40px;
    font-weight: normal;
    text-align: left;
    padding: 8px 12px;
    border-left: 1px solid #d4d4d4;
  }  
  .table th:first-child {
    border-left: 0;
    -moz-border-radius: 5px 0 0 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
  }
  .table th:last-child {
    -moz-border-radius: 0 5px 5px 0; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
  }
  .table th.no_spacer {
    border-left: 0;
  }
  .table th a {
    color: #666 !important;
    background-color: transparent;
    text-decoration: none;
  }
  .table th .fieldbox {
    background: #fff;
    color: inherit;
    border: 1px solid #ccc;
  }
  .table th .fieldbox.search {
    background: #fff url(search2.png) no-repeat 97% 50%;
    color: inherit;
    padding-right: 30px;
  }
  .table td {
    vertical-align: middle;
    height: 40px;
    padding: 8px 12px;
    border-bottom: 1px solid #e1e1e1;
  }  
  .table tr.even {
    background-color: #f7f7f7;
    color: inherit;
  }
  .table tr.green {
    background-color: #f8fcf3;
    color: inherit;
  }
  .tablebottom {
    background-color: #ececec;
    color: inherit;
    padding: 15px 12px;
    -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
  }
  .table_pagination {
    font-size: 130%;
    line-height: 1.2em;
    text-align: right;
  }
  .table th.padding-s, .table td.padding-s {
    padding: 8px 3px;
  }
  .table th.paddingr-x, .table td.paddingr-x {
    padding-right: 25px;
  }
.avatar_removing_loader{
  display:none; 
  background-color: rgba(0, 0, 0, 0.292969);
  position: absolute;
  height: 74px;
  width: 98px;
}
  .avatar_removing_loader img{
    margin: 30px 40px;
  }
.dataTables_filter{
  display:none;
}
div.dataTables_scroll { clear: both; }

.dataTables_scrollBody table thead{
  display:none;
}
.table th.sorting_asc:after {
    content: url('order_up.png');
}
.table th.sorting_desc:after {
    content: url('order_down.png');
}

#ie_warning{
  margin: 0 0 35px 0;
  padding: 23px 23px;
  font-size: 150%;
  line-height: 1.2em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #FFFE34;
  color: #666;
}