input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #FFFFFF inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #666666;
    border: 1px solid #CCCCCC;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #FFFFFF inset;
    -webkit-text-fill-color: #666666;
    border: 1px solid #CCCCCC;
}
.menu_body
{
   background-color:#EDF0F1;
   font-family: Arial;
   color: #666666;
   font-size: 12px;
   margin:0px;
   padding:0px;
   height:100%;
   width:100%;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.noselect
{
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.panel_body
{
   background: url(../images/global/panelbg.png) no-repeat center top fixed;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:0px;
  margin:0px;
}
.login_body
{
   font-family: Arial;
   background: url(../images/global/panelbg.png) no-repeat center top fixed;
   color: #666666;
   font-size: 12px;
   background-color: #EDF0F1;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   margin:0px;
   padding:0px;
}
.aula_menu_item_left
{
   background-color: #EDF0F1;
   height: 38px;
   border-bottom: 1px solid #DFE4E6;
   width: 6px;
   cursor:pointer;
}
.aula_menu_item_symbol
{
   background-color: #EDF0F1;
   width: 27px;
   padding-left: 7px;
   border-bottom: 1px solid #DFE4E6;
   cursor:pointer;
}
.aula_menu_item_text
{
   background-color: #EDF0F1;
   font-family: Arial;
   color: #3E739D;
   font-size: 13px;
   border-bottom: 1px solid #DFE4E6;
   cursor:pointer;

}
.aula_menu_item_arrow
{
   background-color: #EDF0F1;
   width:10px;
   border-bottom: 1px solid #DFE4E6;
   border-right: 1px solid #DFE4E6;
   cursor:pointer;
}

.aula_menu_item_left_active
{
/*    background-color: #D91183; */
   height: 38px;
   border-bottom: 1px solid #DFE4E6;
   width: 6px;
   cursor:pointer;
}
.aula_menu_item_symbol_active
{
   width: 27px;
   padding-left: 7px;
   border-bottom: 1px solid #DFE4E6;
   cursor:pointer;
   background-color: #FFFFFF;
}
.aula_menu_item_text_active
{
   font-family: Arial;
   color: #3E739D;
   font-size: 13px;
   border-bottom: 1px solid #DFE4E6;
   cursor:pointer;
   background-color: #FFFFFF;
}
.aula_menu_item_arrow_active
{
   width:10px;
   border-bottom: 1px solid #DFE4E6;
   border-right: 1px solid #FFFFFF;
   cursor:pointer;
   background-color: #FFFFFF;
   
}
td.aula_line
{
   border-bottom: 1px solid #CCCCCC;
   border-bottom: 1px solid rgba(0,0,0,0.1);
}
.aula_formtbl
{
   background-color:#F6F6F6;
   border: 1px solid #CCCCCC;
   border: 1px solid rgba(0,0,0,0.1);
   padding: 5px;
}
.aula_listtbl
{
   background-color:#FFFFFF;
   border-left: 1px solid #DDDDDD;
   border-top: 1px solid #DDDDDD;
   margin-top: 10px;
}
.content_rowl
{
   font-family: Arial;
   color: #444444;
   font-size: 13px;
}
.content_row
{
   font-family: Arial;
   color: #444444;
   font-size: 13px;
}
.content_tbl_subheader
{
   font-family: Arial;
   color: #666666;
   font-size: 13px;
   border-right:1px solid #DDDDDD;
   border-bottom:1px solid #DDDDDD;
   background-color:#EFEFEF;
}

.content_tbl_header
{
   font-family: Arial;
   color: #FFFFFF;
   font-size: 13px;
   background-color:#666666;
   padding:6px;
}
.content_row_os
{
   font-family: Arial;
   color: #444444;
   font-size: 13px;
   border-right:1px solid #DDDDDD;
   border-bottom:1px solid #DDDDDD;
}
.content_row_osl
{
   font-family: Arial;
   color: #444444;
   font-size: 13px;
   border-right:1px solid #DDDDDD;
   border-bottom:1px solid #DDDDDD;
   background-color:#EFEFEF;
}
.content_row_clear
{
   font-family: Arial;
   color: #444444;
   font-size: 13px;
}
.content_row_bottombord
{
   font-family: Arial;
   color: #666666;
   font-size: 13px;
   border-bottom:1px solid #CCCCCC;
}
.content_row_bottombord_light
{
   font-family: Arial;
   color: #666666;
   font-size: 13px;
   border-bottom:1px solid #DDDDDD;
}
.formtext_upper
{
/*    text-transform: uppercase; */
}
.formtext_disabled
{
   border: 1px solid #DDDDDD;
   background-color: #FFFFFF;
   font-family: Arial;
   color: #555555;
   font-size: 13px;
   padding:6px;
   background-color:#EEEEEE;
}
.formtext
{
   border: 1px solid #DDDDDD;
   background-color: #FFFFFF;
   font-family: Arial;
   color: #555555;
   font-size: 13px;
   padding:3px;
}
.formtext:focus
{
   background-color: #E8EDF6;
   border: 1px solid #BFCBDD;
   color: #555555;
   text-decoration: none;
   font-size: 13px;
   font-family: Arial;

   -moz-box-shadow: 0 0 5px rgba(191,203,221,.6);
   -webkit-box-shadow: 0 0 5px rgba(191,203,221,.6);
   box-shadow: 0 0 5px rgba(191,203,221,.6);

   filter:alpha(opacity=100);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.fa
{
   -webkit-transition:all 300ms linear 0s;
   -moz-transition:all 300ms linear 0s;
   -o-transition:all 300ms linear 0s;
   -ms-transition:all 300ms linear 0s;
   transition:all 300ms linear 0s;
}
.fa-my-hover
{
  animation: shake 1100ms;
}
.my-scaler
{
   -webkit-transition:all 200ms linear 0s;
   -moz-transition:all 200ms linear 0s;
   -o-transition:all 200ms linear 0s;
   -ms-transition:all 200ms linear 0s;
   transition:all 200ms linear 0s;
   transform: scale(1.1);
}
@keyframes shake
{
  0% {transform: rotateZ(0);}
  10% {transform: rotateZ(-30deg);}
  20% {transform: rotateZ(15deg);}
  30% {transform: rotateZ(-10deg);}
  40% {transform: rotateZ(7.5deg);}
  50% {transform: rotateZ(-6deg);}
  60% {transform: rotateZ(5deg);}
  100% {transform: rotateZ(0);}
}


ul.postnav_grey_small,ul.postnav_grey_small li,ul.postnav_green_small,ul.postnav_green_small li,ul.postnav_list,ul.postnav_list li,ul.postnav_info_small,ul.postnav_info_small li,ul.postnav_blue,ul.postnav_blue li,ul.postnav_info,ul.postnav_info li,ul.postnav_green,ul.postnav_green li,ul.postnav,ul.postnav li,ul.navtab,ul.navtab li,ul.navtab_act,ul.navtab_act li,ul.postnav_small,ul.postnav_small li,ul.postnav_small_green,ul.postnav_small_green li,ul.postnav_red,ul.postnav_red li,ul.postnav_micro,ul.postnav_micro li
{
   list-style-type:none;
   padding:0px;
   margin:0px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
ul.postnav a
{
   text-align:center;
   text-decoration:none;
   color:#FFFFFF;
   font-family: Arial;
   font-size: 18px;
   padding-bottom:6px;
   padding-top:6px;
   display:block;
   padding-right: 2px;
   background-color: #888888;
}
ul.postnav_list a
{
   text-align:center;
   text-decoration:none;
   color:#FFFFFF;
   font-family: Arial;
   font-size: 18px;
   padding-bottom:6px;
   padding-top:6px;
   display:block;
   padding-right: 2px;
   background-color: #3F739F;
}
ul.postnav_info a
{
   text-align:center;
   text-decoration:none;
   color:#FFFFFF;
   background:rgba(0,0,0,0.3);
   font-family: Arial;
   font-size: 18px;
   padding-bottom:6px;
   padding-top:6px;
   display:block;
}
ul.postnav_info_small a
{
   text-align:center;
   text-decoration:none;
   color:#303641;
   font-family: Arial;
   font-size: 12px;
   display:block;
}
ul.postnav_green a
{
   text-align:center;
   text-decoration:none;
   color:#FFFFFF;
   font-family: Arial;
   font-size: 14px;
   padding-bottom:6px;
   padding-top:6px;
   display:block;
   padding-right: 2px;
   background-color: #47AE47;
}
ul.postnav_green_small a
{
   text-align:center;
   text-decoration:none;
   color:#FFFFFF;
   font-family: Arial;
   font-size: 12px;
   display:block;
   padding-right: 2px;
   background-color: #47AE47;
   padding-bottom:3px;
   padding-top:3px;
}
ul.postnav_grey_small a
{
   text-align:center;
   text-decoration:none;
   color:#FFFFFF;
   font-family: Arial;
   font-size: 12px;
   display:block;
   padding-right: 2px;
   background-color: #3F739F;
   padding-bottom:3px;
   padding-top:3px;
}
ul.postnav_red a
{
   text-align:center;
   text-decoration:none;
   color:#FFFFFF;
   font-family: Arial;
   font-size: 14px;
   padding-bottom:6px;
   padding-top:6px;
   display:block;
   padding-right: 2px;
   background-color: #E33939;
}
ul.postnav_blue a
{
   text-align:center;
   text-decoration:none;
   color:#FFFFFF;
   font-family: Arial;
   font-size: 18px;
   padding-bottom:6px;
   padding-top:6px;
   display:block;
   padding-right: 2px;
   background-color: #3F739F;
}

ul.postnav a:hover { background-color:#303641; }
ul.postnav_green a:hover { background-color: #0C8C0C; }
ul.postnav_red a:hover { background-color:#D81219;  }
ul.postnav_list a:hover { background-color:#355F83;  }

a
{
   text-decoration:none;
   font-family: Arial;
   color: #666666;
   font-size: 14px;
}

.navlistlink
{
   color:#666666;
   font-family: Arial;
   font-size: 13px;
}

.aula_content
{
   font-family: Arial;
   color: #666666;
   font-size: 13px;
}
.aula_content_module
{
   font-family: Arial;
   color: #444444;
   font-size: 12px;
   padding-left: 20px;
   padding-right: 20px;
}
.content_menu
{
   height: 68px;
   padding-left:20px;
   padding-right:20px;
}
.tbl_content_menu
{
   border: 1px solid #DDDDDD !important;
   background-color:#EFEFEF !important;
   padding:10px;
   margin-top:20px;
}
.content_menu_item_active
{
   width: 130px;
   height: 32px;
   background-color:#3F739F !important;
   border: 2px solid #3F739F;
   text-align:center;
   vertical-align:middle;
   color:#FFFFFF !important;
   cursor:pointer;
}
.content_menu_item
{
   width: 130px;
   height: 32px;

   text-align:center;
   vertical-align:middle;
   cursor:pointer;

/*    -moz-box-shadow: 0 0 5px rgba(0,0,0,.4); */
/*    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); */
/*    box-shadow: 0 0 5px rgba(0,0,0,.2); */
}
.content_menu_item:hover
{
   width: 130px;
   height: 32px;
   background-color:#334158 !important;
   border: 2px solid #334158 !important;
   text-align:center;
   vertical-align:middle;
   color:#FFFFFF !important;
   cursor:pointer;

   filter:alpha(opacity=100);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.content_menu_item_desc
{
   background-color:#FFFFFF;
   font-family: Arial;
   color: #444444;
   font-size: 13px;
      -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.content_top_panel
{
   height: 31px;
   font-family: Arial;
   color: #FFFFFF;
   font-size: 12px;
}
.aula_content_title
{
   font-family: Arial;
   color: #666666;
   font-size: 14px;
}
div.msg_save
{
   text-align:center;
   padding-top:6px;
   padding-bottom:6px;
   font-family: Arial;
   font-size: 13px;
}
div.msg_save_ok
{
   background-color: #3F739F;
   background-color: rgba(63, 115, 159, 0.7);
   color: #FFFFFF;
}
div.msg_save_err
{
   background-color: #F36167;
   background-color: rgba(243, 67, 103, 0.7);
   color: #FFFFFF;
}
b.msg_save_err
{
   color: red;
   font-weight: normal !important;
}
b.msg_save_ok
{
   color: #398539;
   font-weight: normal !important;
}
.loader
{
   display: inline-block;
   width: 60px;
   height: 40px;
   position: absolute;
   top: 40%;
   left:50%;
   margin-left:-30px;
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 27px;
  background-color: white;
  cursor: pointer;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  background: #E33939;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
  border: 1px solid #E33939;
  margin-top:-1px;
  color:#FFFFFF;
  font-family: Arial;
  font-size: 14px;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #EEEEEE;
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  opacity: 0;
}

.switch-input:checked ~ .switch-label {
  background: #47AE47;
  border: 1px solid #47AE47;
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 25px;
  height: 25px;
  background: rgba(255,255,255,0.5);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
}
.switch-input:checked ~ .switch-handle {
  left: 93px;
  background: #FFFFFF;
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}
.login_subtitle
{
   font-family: Arial;
   color: #999999;
   font-size: 18px;
}
div.rowactive
{
   height: 20px;
   width: 20px;
   background-color:#47AE47;
   border: 1px solid #47AE47;
}
div.rowinactive
{
   height: 20px;
   width: 20px;
   background-color:#E33939;
   border: 1px solid #E33939;
}
.pwstate
{
   width: 180px;
   border: 1px solid #DDDDDD;
   text-align:center;
   padding-top: 6px;
   padding-bottom: 6px;
   font-family: Arial;
   color: #666666;
   font-size: 14px;
}
.pwstatered
{
   background-color: #E33939;
   color: #FFFFFF;
   border: 1px solid #E33939;
}
.pwstateorange
{
   background-color: #FF9F3C;
   color: #FFFFFF;
   border: 1px solid #FF9F3C;
}
.pwstategreen
{
   background-color: #47AE47;
   color: #FFFFFF;
   border: 1px solid #47AE47;
}
.navlistbutton
{
   text-align:center;
   color:#333333;
   font-family: Arial;
   font-size: 12px;
   background-color: #FFFFFF;
   border:1px solid #CCCCCC;
   padding-bottom:2px;
   padding-top:2px;
   cursor:pointer;
}
.navlistbuttonactive
{
   text-align:center;
   color:#FFFFFF;
   font-family: Arial;
   font-size: 12px;
   background-color: #3F739F;
   border:1px solid #3F739F;
   padding-bottom:2px;
   padding-top:2px;
   cursor:pointer;
}
table.navtop_table
{
   left:0px;
   z-index:10;
   background-color: #FFFFFF;
   border: 1px solid #DDDDDD;
}
.baloonpos
{
   background-color:#666666;
   color:#FFFFFF;
   padding-left:8px;
   padding-right:8px;
   padding-top:4px;
   padding-bottom:4px;
   font-family: Arial;
   font-size: 12px;
   border-radius: 2px;
}
.datarows
{
   cursor:pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.datarowmainovw
{
   display:inline-block;
   border:2px solid #AAAAAA;
   height:110px;
   width:110px;
   border-radius:60px;
   margin-right:10px;
   margin-bottom:30px;
   background-color:#F1F1F1;
   -webkit-transition:all 200ms linear 0s;
   -moz-transition:all 200ms linear 0s;
   -o-transition:all 200ms linear 0s;
   -ms-transition:all 200ms linear 0s;
   transition:all 200ms linear 0s;
}
.datarowmain_sub
{
   font-family: Arial;
   font-size:16px;
   color:#666666;
   text-overflow:ellipsis;
   overflow:hidden;
   width:180px;
   white-space:nowrap;
   padding-top:10px;
}
.datarows_info
{
   cursor:pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.datarowmainovw_info
{
   display:inline-block;
   border:2px solid #AAAAAA;
   height:110px;
   width:150px;
   border-radius:60px;
   margin-right:10px;
   margin-bottom:30px;
   background-color:#F1F1F1;
   -webkit-transition:all 200ms linear 0s;
   -moz-transition:all 200ms linear 0s;
   -o-transition:all 200ms linear 0s;
   -ms-transition:all 200ms linear 0s;
   transition:all 200ms linear 0s;
}
.datarowmain_sub_info
{
   font-family: Arial;
   font-size:16px;
   color:#FFFFFF;
   text-overflow:ellipsis;
   overflow:hidden;
   width:170px;
   display: block;
   padding-top:10px;
}

.idx_topmenu
{
   opacity: 0;
   top:-30px;
   transition: all .3s ease-in-out;
}
.idx_topmenu_init
{
   opacity: 1;
   transform: translate(0px,30px);
}
.button_del
{
    background-color: #E33939;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border:0px;
    height:24px;
    width:30px;
    cursor:pointer;
    padding-bottom:3px;
}
.button_del:focus
{
   background-color: #6A0000;
}
.link
{
   font-family: Arial;
   color: #666666;
   font-size: 13px;
}
img.select
{
   width:32px;height:16px;position:relative;border-width:1px;border-color:#999999;border-style:solid;
}