.mitr-extralight {
  font-family: "Mitr", system-ui;
  font-weight: 200;
  font-style: normal;
}

.mitr-light {
  font-family: "Mitr", system-ui;
  font-weight: 300;
  font-style: normal;
}

.mitr-regular {
  font-family: "Mitr", system-ui;
  font-weight: 400;
  font-style: normal;
}

.mitr-medium {
  font-family: "Mitr", system-ui;
  font-weight: 500;
  font-style: normal;
}

.mitr-semibold {
  font-family: "Mitr", system-ui;
  font-weight: 600;
  font-style: normal;
}

.mitr-bold {
  font-family: "Mitr", system-ui;
  font-weight: 700;
  font-style: normal;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { font-family: "Mitr", sans-serif; font-weight: 300; color: #3b3b3b; background-color:#FFFFFF; background-image:url(../images/bgn.gif); font-size: 18px; line-height: 1.4em; margin: auto; max-width: 1920px; text-size-adjust: none; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
input { font-family: "Mitr", sans-serif; font-weight: 300;  font-size: 1em; border:1px solid #cccccc; height:40px;border-radius:4px; padding-left:0.5em;padding-right:0.5em; vertical-align: top; margin-bottom:5px;}
select{ font-family: "Mitr", sans-serif; font-weight: 300;  font-size: 1.1em; border: 1px solid #cccccc; color: #555; font-size: inherit; overflow: hidden; padding: 4px 8px; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; vertical-align: top;}
input[type="radio"]{vertical-align: middle}
textarea {border:1px solid #cccccc; height:1.5em;border-radius:4px; padding: 0.2em 0.5em 0.2em 0.5em; font-size:1em;}
fieldset{ border:none; margin:none; padding:none;}

button{ }
input[type=checkbox]{margin:0px 0px; padding: 0px 0px; height:1.2em;}

h1 { color:#484848; font-size:1.8em; font-weight: 500; line-height: 1.2em; margin: 10px 0px 10px 0px;}

h2 { color:#484848; font-size:1.6em; font-weight: 500; line-height: 1.2em; margin: 10px 0px 10px 0px;}

h3 { color:#484848; font-size:1.4em; font-weight: 500; line-height: 1.2em; margin: 10px 0px 10px 0px;}

h4 { color:#484848; font-size:1.2em; font-weight: 500; background-color:#EEE; padding: 5px 5px 5px 5px; margin: 20px 0px 10px 0px;}

img { text-decoration: none; border: none;}


a { color:#0F6C3B; cursor:pointer; text-decoration: none;}
a:visited{ color:#0F6C3B;}
a:hover{color:#484848;}

/* .ui-widget { font-family: 'Mitr', Helvetica, sans-serif; font-size:1.5em; font-weight: normal;} */

/*
.form .ui-widget {font-size:1em; vertical-align: middle;}
.ui_widget_overflow {height: 200px;}
.ui-selectmenu-button span.ui-selectmenu-text {line-height: 1; padding:0.25em 2.1em 0.25em 1em; }
.form button.ui-button { width: 150px; }
*/
.ui-button {margin:0px 0px 5px 0px; padding:3px 10px; border-radius: 20px}
.ui-icon {display:inline-block;}
.ui-icon.gray { background-image: url(../api/jquery-ui/images/ui-icons_888888_256x240.png); }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{font-size:1em; font-weight: normal;}
.ui-tabs .ui-tabs-panel { background: none repeat scroll 0 0 transparent;border-width: 0; display: block; padding: 10px 10px;}

.require {border:1px solid #FF0000;}
.resizable{width:100%;}
.width_100{width:100px;}
.width_120{width:120px;}
.width_130{width:130px;}
.width_150{width:150px;}
.width_200{width:200px;}
.width_250{width:250px;}
.width_300{width:300px;}
.odd_row{background-color:#E8E8E8;}
.validate_error{ background-color:#FFB4D1;}
.strikethrough{ text-decoration: line-through;}
.cursor_pointer{cursor:pointer;}
.hide{display:none;}
.align_center{text-align: center;}
.align_left{text-align: left;}
.align_rignt{text-align: right;}
.input_inst{color:#605E5E;}

.radio_button{border-radius:4px;}
.radio_button label{display: inline-block; vertical-align: top;}

.top_banner{ background:#FFFFFF;  width:100%; display:block; margin-bottom: 0px; border-bottom: #0F6C3B 5px solid;}
.header{width:100%; margin:0 auto; padding:10px 10px 10px 10px;}
.header_left_logo{display:inline-block;  height: 80px; vertical-align:middle;}
#header_logo{height: 100%}
.header_right_text{display:inline-block; vertical-align:middle; color:#484848; font-size:1.3em; margin:20px 20px 0px 0px; float: right;} 
.header_right_text_title_1{display: block; font-weight: 500; font-size: 1.2em; line-height: 1em; text-align: right;}
.header_right_text_title_2{display: block; font-weight: 500; font-size: 1.6em; line-height: 1em; text-align: right;}

.copyright{ background:#0F6C3B; color:#FFFFFF; padding-top:5px; padding-bottom:5px; width:100%; text-align: center;}
.copyright .line-1{font-size:0.8em; text-align: center;}
.copyright .line-2{font-size:0.8em; text-align: center;}
.copyright .line-3{font-size:0.8em; text-align: center;}

.content{ background-image:url(../images/background3.gif); width:100%;}
.middle_container{display:table; width:100%;}
.left_column_container{display:table-cell; background-color:#484848; padding: 10px 10px 10px 10px; min-width: 150px; width:20%; vertical-align: top;}
.content_containter{display:table-cell; padding: 10px 20px 10px 20px; width: auto; vertical-align: top;}

.left_menu {font-size:1em; color:#FFFFFF; padding:20px 0px;}
.left_menu h3{padding-left:40px;}
.left_menu ul{margin:10px 0px; padding-left:0px}
.left_menu a{color:#FFFFFF;text-decoration:none;}
.left_menu a:visited{color:#FFFFFF;text-decoration:none;}
.left_menu a:hover{color:#DDDDDD;text-decoration:none;}
.left_menu .user_panel{text-align: center;}
.left_menu .profile_image{display:inline-block; border-radius: 50px; overflow: hidden; width:80px; height:80px; background-color: #EEEEEE; position: relative; margin-bottom: 10px;}
.left_menu .profile_image img{height:100px; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}
.left_menu .hide_menu_button{text-align: center; padding: 10px 0px; margin-bottom: 10px; display:none;}

.left_menu_item_2 {margin:0px 0px; padding: 10px 10px 10px 10px; list-style: none; border-bottom: #FFFFFF 0.5px solid;}
.left_menu_item_3 {margin:0px 0px; padding: 5px 10px 5px 15px; list-style: none; border: none;}
.left_menu_item a.active {color:#3AAF6D;}

.error {display:block; width:100%; margin:0px 0px 0px 0px; text-align: center; padding: 10px 20px 10px 20px; border-radius: 10px; background-color:#fdf8f9; border:#e7c5c7 1px solid; font-weight:500; color: #FF0000; font-size:1em;}
.confirm {display:block; width:100%; margin:0px 0px 0px 0px; text-align: center; padding: 10px 20px 10px 20px; border-radius: 10px; background-color:#f7fdf9; border:#c5e7d1 1px solid; font-weight:500; color: #0F6C3B; font-size:1em;}

.minimenu_banner{ float: left; display:none;}
.language_banner{ float: right; padding-top:5px;}
.clear{ clear:both;}

.panel{max-height: 5000em;}
.panel_header{display:block; padding:10px 0px; font-size:1.4em; font-weight: 500; color: #484848; border-bottom:1px solid #484848;}
.panel_detail{padding:10px 0px; margin-top:10px; margin-bottom:10px; }

.form_full_width{margin:0px 0px; display: inline-block; margin-bottom: 10px; width:98%;}
.form_full_width .caption{text-align:left; vertical-align:top; display:inline-block; width:20%; min-width: 120px; margin-bottom: 5px; color:#484848; line-height: 30px;}
.form_full_width .caption.long{text-align:left; vertical-align:top; display:inline-block; width:50%;}
.form_full_width .caption.full{text-align:left; vertical-align:top; display:inline-block; width:100%;}
.form_full_width .caption.right{text-align:right}
.form_full_width .input{font-weight: 500; vertical-align:top; text-align: left; display:inline-block; width:78%; min-width: 260px; line-height: 30px;}
.form_full_width .input2{font-weight: 500; vertical-align:top; text-align: left; display:inline-block; width:27.5%; min-width: 120px; line-height: 30px;}
.form_full_width .input.long{vertical-align:top; text-align: left; display:inline-block; width:45%; min-width: 260px}
.form_full_width .input.full{vertical-align:top; text-align: left; display:inline-block; width:95%; min-width: 260px; padding-left:20px}
.form_full_width .hide{display:none;}

.form_half_width{margin:0px 0px; display: inline-block; margin-bottom: 10px; width:49%;}
.form_half_width .caption{ text-align:left; vertical-align:top; display:inline-block; width:40%; min-width: 120px; margin-bottom: 5px; color:#484848; line-height: 30px;}
.form_half_width .caption.full{text-align:left; vertical-align:top; display:inline-block; width:100%;}
.form_half_width .caption.with_input{text-align:left; vertical-align:top; display:inline-block; width:auto; min-width: 0px; margin-bottom: 5px; color:#484848; line-height: 30px;}
.form_half_width .input{font-weight: 500; vertical-align:top; text-align: left; display:inline-block; width:55%; min-width: 120px; line-height: 30px;}
.form_half_width .input.full{vertical-align:top; text-align: left; display:inline-block; width:95%; min-width: 120px; line-height: 30px;}
.form_half_width .hide{display:none;}

.data_list_page_filter .filter_container .caption{text-align: right; color:#484848;}
.data_list_page_filter .button_container {border:none; padding:5px 0px;}

.input_error{display:block; color:#FF0000;}

.data_list_page_header{float:left; display:inline-block; font-size:1.3em; line-height: 1em;}
.data_list_page_add_bt{float:right; display:inline-block;}
.data_list_page_add_bt button{font-size:0.7em;}

.data_table { width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.data_table tr{background-color:#FFFFFF;}
.data_table tr.odd_row{background-color:#EFEFEF;}
.data_table.zebra_row tr:nth-of-type(even) { background: #E8E8E8;} /* Zebra striping */
.data_table th { font-weight: 500; color: #0F6C3B; text-align: left; padding:6px; border-bottom:1px solid #605E5E;}
.data_table td{ padding: 6px; border-bottom: 1px solid #ccc; text-align: left; }
.data_table .group_row{background-color:#EEE;}

.data_table_pagination{display:block; margin-bottom: 5px;}
.data_table_pagination_row{float:left;}
.data_table_pagination_page{float:right;}
.data_table_pagination_bottom{text-align: center;}

.button_container{border-top:1px solid #000000; padding:20px 0px; display: block; text-align: center;}
.button_container.inner {border:none; padding-top:0px; display: block; text-align: center;}
.button{font-family: "Mitr", sans-serif; font-size:1em; color: #FFFFFF; background-color:#666666; padding:5px 20px 3px 20px; margin:0px 5px;display:inline-block; min-width:150px; text-align: center; border:none; cursor:pointer; border-radius: 10px;}
.button:hover{background-color:#999999;}
.button.focus{background-color:#0F6C3B;}
.button.focus:hover{background-color:#3AAF6D;}
.button.delete{border:#ea4a65 1px solid; background-color:#FFFFFF; color:#ea4a65;}
.button.delete:hover{background-color:#e31435; color:#FFFFFF;}
.button.alert{}
.button.left{float: left}
.button.right{float: right}
.button_container.top{border-top:none; border-bottom:1px solid #000000; padding:20px 0px; margin-bottom: 20px; display: block; text-align: center;}


.content_container h1{display:block; padding:10px 10px; font-size:2em; font-weight: bold; color: #cf6d89; border-bottom:1px solid #5b5b5b;}
.form{ width:100%;}
.form .section_header{ background-color:#EFEFEF; font-weight:500;}

.spacer{ background-color:#EFEFEF; font-weight:bold; height:25px; width:100%;}

.cke_editable p{ margin:0px 0px 5px 0px;}

.select2-selection__rendered { line-height: 31px !important;}
.select2-container .select2-selection--single { height: 35px !important;}
.select2-selection__arrow {height: 34px !important;}



.td_rotate{ height: 40px; width: 10px; position:relative;}
.rotate {
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
      -ms-transform: rotate(-90.0deg);  /* IE9+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Safari 3.1+, Chrome */
          transform: rotate(-90.0deg);  /* Standard */

          position:	absolute;
          top:30px;
          left:5px;

}

.cell_not_available{
  background-color:#FFB4D1;
}
.cell_available{
  background-color:#8bf1bc;
}

.text_not_available{
  color:#FF0000;
}
.text_available{
  color:#8bf1bc;
}


.focus_text{ color: #cf6d89; }
.require_field{ color: red;}

.cut-text { 
  overflow:hidden;
  display:inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}