label {
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/	
	user-select: none;
}
.p-0 {padding: 0px !important;}
.p-5 {padding: 5px !important;}
.p-8 {padding: 8px !important;}
.p-10 {padding: 10px !important;}
.p-15 {padding: 15px !important;}
.p-16 {padding: 16px !important;}

.p-tb-4 {padding-top:4px !important;padding-bottom:4px !important; }
.p-tb-5 {padding-top:5px !important;padding-bottom:5px !important; }
.p-tb-8 {padding-top:8px !important;padding-bottom:8px !important; }
.p-tb-10 {padding-top:10px !important;padding-bottom:10px !important; }
.p-tb-16 {padding-top:16px !important;padding-bottom:16px !important; }

.p-t-0 {padding-top: 0px !important;}
.p-t-4 {padding-top: 4px !important;}
.p-t-8 {padding-top: 8px !important;}
.p-t-10 {padding-top: 10px !important;}

.p-l-0 {padding-left: 0px !important;}
.p-l-10 {padding-left: 10px !important;}
.p-l-4 {padding-left: 4px !important;}
.p-l-8 {padding-left: 8px !important;}

.p-r-0 {padding-right: 0px !important;}
.p-r-8 {padding-right: 8px !important;}
.p-r-10 {padding-right: 10px !important;}
.p-r-10 {padding-right: 10px !important;}

.p-b-0 {padding-bottom: 0px !important;}
.p-b-8 {padding-bottom: 8px !important;}
.p-b-10 {padding-bottom: 10px !important;}
.p-b-10 {padding-bottom: 10px !important;}

.m-0 {margin: 0px !important;}
.m-5 {margin: 5px !important;}
.m-10 {margin: 10px !important;}
.m-15 {margin: 15px !important;}
.m-tb-5 {margin-top:5px !important;margin-bottom:5px !important; }
.m-tb-10 {margin-top:10px !important;margin-bottom:10px !important; }
.m-r-0 {margin-right: 0px !important;}
.m-r-5 {margin-right: 5px !important;}
.m-r-10 {margin-right: 10px !important;}
.m-r-15 {margin-right: 15px !important;}
.m-r-20 {margin-right: 20px !important;}
.m-r-25 {margin-right: 25px !important;}
.m-r-30 {margin-right: 30px !important;}
.m-r-35 {margin-right: 35px !important;}
.m-r-40 {margin-right: 40px !important;}
.m-l-0 {margin-left: 0px !important;}
.m-l-5 {margin-left: 5px !important;}
.m-l-10 {margin-left: 10px !important;}
.m-l-15 {margin-left: 15px !important;}
.m-l-20 {margin-left: 20px !important;}
.m-l-25 {margin-left: 25px !important;}
.m-l-30 {margin-left: 30px !important;}
.m-l-35 {margin-left: 35px !important;}
.m-l-40 {margin-left: 40px !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-0 {margin-top: 0px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-25 {margin-top: 25px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-b-0 {margin-bottom: 0px !important;}
.m-b-5 {margin-bottom: 5px !important;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-15 {margin-bottom: 15px !important;}
.m-b-20 {margin-bottom: 20px !important;}
.m-b-25 {margin-bottom: 25px !important;}
.m-b-30 {margin-bottom: 30px !important;}
.m-b-40 {margin-bottom: 40px !important;}
.w-5 {width:5px !important;}
.w-10 {width:10px !important;}
.w-15 {width:15px !important;}
.w-20 {width:20px !important;}
.w-25 {width:25px !important;}
.w-30 {width:30px !important;}
.w-35 {width:20px !important;}
.w-40 {width:40px !important;}
.w-45 {width:45px !important;}
.w-50 {width:50px !important;}
.w-55 {width:55px !important;}
.w-60 {width:60px !important;}
.w-65 {width:65px !important;}
.w-70 {width:70px !important;}
.w-75 {width:75px !important;}
.w-80 {width:80px !important;}
.w-85 {width:85px !important;}
.w-90 {width:90px !important;}
.w-95 {width:95px !important;}
.w-100 {width:100px !important;}
.w-110 {width:110px !important;}
.w-115 {width:115px !important;}
.w-120 {width:120px !important;}
.w-125 {width:125px !important;}
.w-130 {width:130px !important;}
.w-135 {width:135px !important;}
.w-140 {width:140px !important;}
.w-145 {width:145px !important;}
.w-150 {width:150px !important;}
.w-155 {width:155px !important;}
.w-160 {width:160px !important;}
.w-165 {width:165px !important;}
.w-170 {width:170px !important;}
.w-175 {width:175px !important;}
.w-180 {width:180px !important;}
.w-185 {width:185px !important;}
.w-190 {width:190px !important;}
.w-195 {width:195px !important;}
.w-200 {width:200px !important;}
.w-225 {width:225px !important;}
.w-230 {width:230px !important;}
.w-235 {width:235px !important;}
.w-240 {width:240px !important;}
.w-245 {width:245px !important;}
.w-250 {width:250px !important;}
.w-255 {width:255px !important;}
.w-260 {width:260px !important;}
.w-265 {width:265px !important;}
.w-270 {width:270px !important;}
.w-275 {width:275px !important;}
.w-280 {width:280px !important;}
.w-285 {width:285px !important;}
.w-290 {width:290px !important;}
.w-295 {width:295px !important;}
.w-300 {width:300px !important;}
.w-325 {width:325px !important;}
.w-350 {width:350px !important;}
.w-400 {width:400px;}
.w-450 {width:450px;}
.w-500 {width:500px;}
.width-auto, .w-auto {
	width:auto !important;
}
.text-white {color: #fff !important}
.text-danger {color: #ff7676}
.text-muted {color: #8d9ea7}
.text-warning {color: #ffc36d}
.text-success {color: #53e69d}
.text-info {color: #2cabe3}
.text-inverse {color: #4c5667}
.text-blue {color: #02bec9}
.text-primary, .text-purple {color: #707cd2}
.text-megna {color: #01c0c8}
.text-dark {color: #313131 !important}
.bg-primary {background-color: #707cd2 !important}
.bg-success {background-color: #53e69d !important}
.bg-info {background-color: #2cabe3 !important}
.bg-warning {background-color: #ffc36d !important}
.bg-danger, .bg-theme-alt {background-color: #ff7676 !important}
.bg-theme {background-color: #2cabe3 !important}
.bg-theme-dark {background-color: #4f5467 !important}
.bg-inverse {background-color: #4c5667 !important}
.bg-purple {background-color: #707cd2 !important}
.bg-white {background-color: #fff !important}
.bg-light {background-color: #e4e7ea !important}
.bg-extralight {background-color: #f7fafc !important}
.red {color:#900 !important;}
.blue {color:#03F !important;}
.tBox_en {direction:ltr}
.tArea_en {direction:ltr}
.tBox_ar, .tArea_ar {direction:rtl !important}
.tBox_ar, .tArea_ar, .tBox_en, .tArea_en {border: 1px solid #dddddd;background-color:#FFF;display:block;width:100%}
.tBox_ar[disabled], .tArea_ar[disabled], .tBox_en[disabled], .tArea_en[disabled] {border: 1px solid #a5acb2;background-color: #ebebe4}
.tBox_en:focus {padding:2px;outline: 0 none;}
.input-group-addon.lang{padding:3px 6px;border-radius:0px;line-height:1.4;border-color:transparent;font-size:12px}
.input-group-addon.lang.en{border-radius:3px 0px 0px 3px;min-width:30px}
.input-group-addon.lang.hi{border-radius:0px 3px 3px 0px;min-width:30px}
.form-field.has-error .input-group-addon.lang, 
.form-fields.has-error .input-group-addon.lang,
.form-field.has-error-c .input-group-addon.lang, 
.form-fields.has-error-c .input-group-addon.lang {
	color:#a94442 !important;
	background-color:#f2dede !important;
	border-color:#a94442 !important;
}
html[dir="ltr"] input.tBox_en, 
html[dir="ltr"] input.tArea_en {
	border-left: 0;
	border-radius: 0px 3px 3px 0px !important;
}
html[dir="ltr"] input.tBox_ar, 
html[dir="ltr"] input.tArea_ar {
	border-right: 0;
	border-radius: 3px 0px 0px 3px !important;
}

html[dir="ltr"] .table tr td input.tBox_en:focus, 
html[dir="ltr"] .tBox_en:focus {
	border-left:0;
	padding:6px 12px;
}
html[dir="ltr"] .table tr td input.tBox_ar:focus, 
html[dir="ltr"] .tBox_ar:focus {
	border-right:0;
	padding:6px 12px;
}
/* CSS Document */
.pointer {
	cursor: pointer;
}
.checkbox > label > input[type="checkbox"] {
	position: relative;
	top: 4px;
}
.se-pre-con {
	background-color:rgba(255,255,255,0.43);
}
#media-folder {
	text-transform:capitalize;
	height:165px;
	border:1px solid #ddd;
}
#media-folder > i {
    font-size: 65px !important;
    padding-top: 12px;
}
#media-folder > img {
    display: block;
    margin: 0 auto;
    padding-top: 12px;
    width: 100px;
}
a.share_file {
  text-decoration: none;
  outline: none;
  color: #E3E1E1;
}
a.share_file:hover, a.share_file:active, a.share_file:focus {
  outline: none;
  text-decoration: none;
  color: #FF766C;
}
.border-bottom {
	border-bottom: 1px solid #e2e7eb;
	padding-bottom: 8px;
}
div.image-content {
    padding-bottom: 20px;
}
div.img-wapper {
	width:100%;
	padding:10px;
}
div.img-wapper > img.object-fit_cover {
  -o-object-fit: cover;
     object-fit: cover;
    height: 100px !important;
    padding: 2px;
	border:1px solid #d0d0d0;
}
.dataTables_wrapper {
	margin-top:8px;
  font-weight:400;
}

.dataTables_wrapper .dt-buttons {
  margin-bottom: 16px !important;
}

.dataTables_wrapper .dataTables_empty {
	text-align:center;
}
div.dataTables_filter input {
	width:20em;
	margin-left:10px;
  font-size: 1rem;
}
div.dataTables_filter input:not(:placeholder-shown),
#searchText:not(:placeholder-shown) {
  background-color:#000000;
  color:#FFFFFF;
}
.well {
	background-color:#ffffff;
}

.sub-title {
	color:#B3B3B3;
	font-size:95%;
}

/************ 9.CHECKBOX-RADIO BUTTON ************/

.checkbox {
  padding-left: 20px; 
}  
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px; 
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition:  0.3s ease-in-out;
  -o-transition:  0.3s ease-in-out;
  transition:  0.3s ease-in-out; 
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555; 
}
.checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1; 
  cursor: pointer;
}
.checkrest.checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  height: 18px;
  width: 18px;
  position: relative;
  top: -4px;
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: none;
  outline-offset: -2px; 
}
.checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\f00c"; 
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; 
}
.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed; 
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%; 
}
.checkbox.checkbox-inline {
  margin-top: 0; 
}
.checkbox.checkbox-single label {
  height: 17px; 
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #1e88e5;
  border-color: #1e88e5; 
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; 
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #ef5350;
  border-color: #ef5350; 
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; 
}
.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #29b6f6;
  border-color: #29b6f6; 
}
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; 
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #ffd740;
  border-color: #ffd740; 
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; 
}
.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #33b86c;
  border-color: #33b86c; 
}
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; 
}
.radio {
  padding-left: 20px; 
}
.radio label {
  display: inline-block;
  position: relative;
  padding-left: 5px; 
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  outline: none !important;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.5s ease-in-out;
  -o-transition: border 0.5s ease-in-out;
  transition: border 0.5s ease-in-out; 
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); 
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1; 
  cursor: pointer;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; 
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1); 
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65; 
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed; 
}
.radio.radio-inline {
  margin-top: 0; 
}
.radio.radio-single label {
  height: 17px; 
}
.radio-primary input[type="radio"] + label::after {
  background-color: #1e88e5; 
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #1e88e5; 
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #1e88e5; 
}
.radio-danger input[type="radio"] + label::after {
  background-color: #ef5350; 
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #ef5350; 
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #ef5350; 
}
.radio-info input[type="radio"] + label::after {
  background-color: #29b6f6; 
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #29b6f6; 
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #29b6f6; 
}
.radio-warning input[type="radio"] + label::after {
  background-color: #ffd740;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #ffd740; 
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #ffd740; 
}
.radio-success input[type="radio"] + label::after {
  background-color: #33b86c; 
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #33b86c; 
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #33b86c; 
}

/* panels*/
.panel{
  border: none;
  border-radius: 0px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}
.panel .panel-body{
  padding: 20px;
}
.panel .panel-body p{
  margin: 0px;
}
.panel .panel-body p+p {
  margin-top: 15px;
}
.panel-heading {
  border-radius: 0;
  border: none !important;
  padding: 10px 20px;
}
.panel-default>.panel-heading {
  color: #797979;
  background-color: #fafafa;
  border-bottom: none;
}
.panel-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}
.panel-footer {
  background: #fafafa;
  border-top: 0px;
}
.panel-color .panel-title {
  color: #ffffff;
}
.panel-primary>.panel-heading {
  background-color: #1e88e5;
}
.panel-success>.panel-heading {
  background-color: #33b86c;
}
.panel-info>.panel-heading {
  background-color: #29b6f6;
}
.panel-warning>.panel-heading {
  background-color: #ffd740;
}
.panel-danger>.panel-heading {
  background-color: #ef5350;
}
.panel-purple>.panel-heading {
  background-color: #7e57c2;
}
.panel-pink>.panel-heading {
  background-color: #ec407a;
}
.panel-inverse>.panel-heading {
  background-color: #212121;
}
.panel-border {
  border-radius: 3px;
}
.panel-border .panel-heading {
  background-color: #ffffff;
  border-top: 3px solid #ccc !important;
  border-radius: 3px;
  padding: 10px 20px 0px;
}
.panel-border .panel-body {
  padding: 15px 20px 20px 20px;
}
.panel-border.panel-primary .panel-heading{
  border-color: #1e88e5 !important;
  color: #1e88e5 !important;
}
.panel-border.panel-success .panel-heading{
  border-color: #33b86c !important;
  color: #33b86c !important;
}
.panel-border.panel-info .panel-heading{
  border-color: #29b6f6 !important;
  color: #29b6f6 !important;
}
.panel-border.panel-warning .panel-heading{
  border-color: #ffd740 !important;
  color: #ffd740 !important;
}
.panel-border.panel-danger .panel-heading{
  border-color: #ef5350 !important;
  color: #ef5350 !important;
}
.panel-border.panel-purple .panel-heading{
  border-color: #7e57c2 !important;
  color: #7e57c2 !important;
}
.panel-border.panel-pink .panel-heading{
  border-color: #ec407a !important;
  color: #ec407a !important;
}
.panel-border.panel-inverse .panel-heading{
  border-color: #212121 !important;
  color: #212121 !important;
}
.panel-fill {
  border-radius: 3px;
}
.panel-fill .panel-heading {
  background-color: transparent;
  color: #ffffff;
  border-bottom: 1px solid rgba(255,255,255,0.5) !important;
}
.panel-fill .panel-body {
  color: rgba(255,255,255,.85);
}
.panel-fill.panel-default .panel-body {
  color: #666;
}
.panel-fill.panel-default .panel-heading {
  background-color: transparent;
  color: #333;
  border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
.panel-fill.panel-primary {
  background-color: #489ce7;
}
.panel-fill.panel-success {
  background-color: #58c386;
}
.panel-fill.panel-info {
  background-color: #50c1f4;
}
.panel-fill.panel-warning {
  background-color: #fcdc63;
}
.panel-fill.panel-danger {
  background-color: #ef7270;
}
.panel-fill.panel-purple {
  background-color: #9475cb;
}
.panel-fill.panel-pink {
  background-color: #ec6391;
}
.panel-fill.panel-inverse {
  background-color: #4a4a4a;
}
/* 17.3 Log-in */
.wrapper-page {
  width: 420px;
  margin: 7.5% auto;
}
.panel-pages {
  border-radius: 6px;
}
.panel-pages .panel-heading {
  padding: 40px 20px;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  position: relative;
}
.panel-pages .panel-heading  h3 {
  z-index: 999;
  position: relative;
}
.bg-img {
  background: url('../../uploads/images/small/bg.jpg') top center;
}
.bg-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(49, 126, 235, 0.4);
  top: 0px;
  left: 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}
.panel-pages .alert {
	padding-left:15px;
  margin-left:0;
}

.panel-pages .error-message {max-width:50%;clear: both;position:absolute;z-index:9999;}
.panel-pages .error-message .message {background-color: #F3F9E6;border: 1px solid #59A54B;margin-bottom: 8px;padding: 8px;border-radius:4px 4px 4px 4px;}
.panel-pages .error-message .arrow {border: 5px solid transparent;border-bottom: 5px solid #59A54B;border-top: 0;width: 0;margin-left: 5px;font-size: 1px;line-height: 1px;}

/* Page BOX */
.box .panel-pages .panel-heading {
	padding:6px 0px 6px 14px;
}
.box .panel-heading::before {
	content: ' ';
	display: table;
}
.box .panel-heading::after {
	clear:both;
}
.box .panel-heading h3 {
  display: inline-block;
  text-align: left;
  font-size: 13.5pt;
}
.box > .panel > .panel-heading a {
  color: #ffffff;
}
.box > .panel > .panel-heading a:hover, .box > .panel > .panel-heading a:active, .box > .panel > .panel-heading a:focus {
  color: #00acac;
}
.box .panel-pages .panel-body {
	padding:15px;
}
.box > .panel > .panel-heading > .breadcrumb {
  padding: 10px 14px;
}
.box > .panel > .panel-heading > .breadcrumb li.active {
	color:#9E9E9E;
}
/* TABLES */
.table-bordered > thead > tr > th {
	color: #337ab7;
  font-weight: bold;
}

.btn.btn-app > .fa {
	font-size:32px;
}
.btn.btn-app {
	font-size:10.5pt;
  line-height: 50px;
  width: 100px;
  height: 100px;	
}

.btn.btnPlus {
	float: left;
  margin-right: 16px;
  margin-top: 6px;
}

.glyphicon {
	top:0px;
}

.account-user-img{
  margin: 0 auto;
  width: 48px;
  height: 48px;
  padding: 3px;
  border: 2px solid #d2d6de;
}
.image-link {
	display: inline-block;
  padding: 2px;
  background-color: #fff;
  line-height: 0;
  border-radius: 4px;
  transition: background-color 0.5s ease-out;
}
.right-side, .left-side {
	transition:transform .3s ease-in-out,margin .3s ease-in-out;
}
.vcenter {
	vertical-align: middle !important;
}
.navbar-heading {
	display: inline-block;
  line-height: 3.45em;
  font-size: 1.1em;
  margin: 0 20px;
	color:#FFFFFF;
}
.tag {
  background-color: #4CAF50;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 4px;
  border: 0.55px solid #558B2F;
  letter-spacing: 0.11rem;
  word-spacing: 0.11rem;
}
.tag.R {
  background-color: #FF0004;
  color: #ffffff;
	border: 0.55px solid #860002;
}
.tag.P {
  background-color: #FFE500;
  color: #0A0A0A;
	border: 0.55px solid #D0BB00;
}
.tag.A {
  color: #ffffff;
}

.status.A {
  color: #00A637;
}
.status.R {
  color: #FF0004;
}
.status.P {
  color: #0033BF;
}

.controls .error-box {width:100%;display:flex;}
.error-message {clear: both;position:absolute;z-index:9999;}
.error-message .message {background-color: #F3F9E6;border: 1px solid #59A54B;margin-bottom: 8px;padding: 8px;border-radius:4px 4px 4px 4px;}
.error-message .arrow {border: 5px solid transparent;border-bottom: 5px solid #59A54B;border-top: 0;width: 0;margin-left: 5px;font-size: 1px;line-height: 1px;}
.form-field.has-error .input-group-addon.lang, 
.has-error .input-group-addon.lang,
.form-field.has-error-c .input-group-addon.lang, 
.has-error-c .input-group-addon.lang,
.griederror {
	color:#a94442 !important;
	background-color:#f2dede !important;
	border-color:#f56954;
}
.help-block {
  margin:0;
}
.help-block.has-error-c {
  color:#a94442;
}
.error-message-msg {
	color: #E91E63;
	padding-left:0px;
	padding-right:0px;
	min-height:30px;
}
.error-message-msg p {
	margin:0;
	padding:4px 0;
}
#frmPackages .error-message-msg {
  float: none;
  display: table-row;
}
.box .tab-content .error p {
  color: #a94442;
  background-color: #f2dede;
  padding: 8px 4px;
  border: 1px solid #f56954;
  border-radius: 6px;
  margin-top: 8px;
}
.photo {
  border: 2px dashed #B0BEC5;
  width: 165px;
  height: 165px;
  text-align: center;
  position: relative;
  padding: 8px 4px 8px 4px;
  font-size: 11pt;
	line-height:1.7em;
}
.sub-text {
  font-size: 10pt;
  color: #16CF01;
  display: block;	
}
.fileinput-button {
	margin-top:8px;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}
.photo.filePreview .files {
	height:150px;
	overflow:hidden;
}
#btnDelete{
	position: absolute;
  bottom: 3px;
  left: 3px;
  width: 96%;	
}

.notify_customer {position: relative;top: -2px;}
/* /Buttons */
.form-control.input {
	width:100%;
	height:auto;
}
.select2-container .select2-choice > .select2-chosen {
  font-size: 17px;
  text-align: left;
  direction: rtl;
}
.buttons a.mrg:first-child {
	margin-right:8px;
}
.buttons a.mrg:last-child {
	margin-left:8px;
}
.shift-input {
  position: relative;
  border: 1px solid #e2e7eb;
  padding: 4px 8px;
  display: block;
  color: #757575;
  background-color: #FAFAFA;
}
label.disabled {
  color: #9E9E9E;
  font-weight:normal;
}

html[dir="ltr"] .controls.hi .error-box .error-message {
	left: 0;
	top: 36px;
}


html[dir="rtl"] input.tBox_en, 
html[dir="rtl"] input.tArea_en {
	border-left: 0;
  border-radius: 0px 3px 3px 0px !important;
  text-align: left;
  direction: ltr;
}
html[dir="rtl"] input.tBox_ar, 
html[dir="rtl"] input.tArea_ar {
	border-right: 0;
	border-radius: 3px 0px 0px 3px !important;
}

html[dir="rtl"] .table tr td input.tBox_en:focus, 
html[dir="rtl"] .tBox_en:focus {
	border-left:0;
	padding:6px 12px;
}
html[dir="rtl"] .table tr td input.tBox_ar:focus, 
html[dir="rtl"] .tBox_ar:focus {
	border-right:0;
	padding:6px 12px;
}

html[dir="rtl"] .controls .error-box {
	direction:rtl;	
}
html[dir="rtl"] .controls .error-box .error-message .arrow {
	margin-right:6px;
}
html[dir="rtl"] .controls .error-box .error-message .message {
	font-size:1.14rem;
}

html[dir="rtl"] .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  border-left-width: 1px;
  border-right-width: 0px;
}
html[dir="rtl"] .nav-tabs-custom > .nav-tabs > li:first-of-type {
	margin-left:auto;
	margin-right:0px;
}

@media (max-width: 767px){
	.breadcrumb {
		display: none;
	}
}
@media screen and (max-width: 560px) {
	html, body {
		height:100%;
		margin:0;
	}
	.wrapper-page {
		width: 100%;
	  margin: auto;
  	height: 100%;	
	}
	.panel.panel-pages {
		border-radius: 0;
		display: flex;
		flex-flow: column;
		height: 100%;
		margin-bottom: 0;		
	}
	.panel-pages .panel-heading {
		border-radius: 0;
		flex: 0 1 auto;
	}
	.panel-pages .panel-body {
	  padding: 30px;
  	flex: 1 1 auto;
	}
	.panel-pages .panel-footer {
		flex: 0 1 34px;
	}
	.content {
		overflow:visible;
	}	
}

.fancybox-caption__body {
	font-size: 70px !important;
}

.checkbox label::after {
	content: '';
}

.modal .checkbox label {
	font-family: Tahoma, Verdana, sans-serif;
	direction:rtl;
	display:block;
	margin-bottom:8px;
}

.spantextbox {
	display: inline-block;
  border: 1px solid #E2E7EB;
  border-radius: 3px;
  line-height: 1.42857;
  font-size: 10.6pt;
  padding: 6px 4px;	
}

.dropdown.messages-menu a i.fa-calendar-plus-o {
  font-size: 16px;
  line-height: 1.50em;
}

.form-horizontal .control-label {
	padding-top:3px;
}

div.dataTables_info {
	display: inline-block;
}
.select2-container .select2-selection--single {
	height:32px;
}
.select2-container {
	top:2px;
}
select.input-sm {
  height:38px;
}

select.input-md {
  padding-top:2px;
  height:40px;
}

.subheader {
	background-position: left 2px;
	font-size:20px;
	padding: 0 0 4px 0;
	color: #494949;
	margin: 0px 0 3px 0;
	border-bottom: 1px dotted #bbbbbb;
	clear: both;
}
.select-body {
  font-size:90%;
  color:#737070;
}
.grid-sublink {
  font-weight: 700;
  color: #8d9ea7;
  font-size: 85%;  
}
.ui-autocomplete {max-height: 150px;overflow-y: auto;overflow-x: hidden;}
* html .ui-autocomplete {height: 150px;}
.editText {
  width: 99% !important;
  padding: 4px 8px;
  background-color:#FFFDE7;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 100px;
  height: 32px;
  margin-top: 8px;
  top: -6px;
  margin-left: 8px;
}
table.dataTable span.highlight {
  background-color: #FFFF88;
  border-radius: 0.28571429rem;
}

table.dataTable span.column_highlight {
  background-color: #ffcc99;
  border-radius: 0.28571429rem;
}

td span.griederror {
  display:none !important;
}