.required .star{
color:red;
}


.ctFormLabel{display:inline-block !important;/*Somehow doesnt work*/}

.multilangtext
{
  position: relative;
  margin-top:10px;
  margin-bottom:60px;
}

.multilangtext textarea
{
  width:100%;
  padding-top:0px;
  padding-bottom:20px;
}

.multilangtext .language_label{
 display: block;
 position: absolute;
 color:white;
 background: #5bb75b;
 top:0;
 left:0;
 padding:3px;
 border-top-left-radius:3px;
 border-top-right-radius:3px;
 border-bottom-right-radius:3px;
 margin-top:-5px;

}

.multilangtext .language_label_rich{
 display: block;

 color:white;
 background: #5bb75b;

 padding:3px;
 border-top-left-radius:3px;
 border-top-right-radius:3px;
 border-bottom-right-radius:0px;
 margin-bottom:0px;
 margin-top:10px;

}

.ct_goback div{
  background-image: url('../images/arrow_rtl.png');
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 20px;
}

#eseditForm input{
    display: inline-block;
}

#eseditForm select{
    display: inline-block;
}


#eseditForm table{
width:100%;
}

#eseditForm{
 width: 100%;
}

#eseditForm td{
 padding: 4px;
 border-bottom: 1px dotted lightgrey;
}

.dtllin{
        line-height:24px;
    }

.dtlerror{
        line-height:24px;
        color:black;
        background-color:pink;
        padding:10px;
	border-radius:10px;
	font-weight:bold;


 }
.ct_pro{
	border:1px solid #ff9999;
	padding:5px;
	border-radius: 5px;
}

.tablesorter td{

	 /*border:1px dotted grey;*/
	 padding:3px;

}

/* -- GAP colors - habits/skils etc */
.SelectBox1{ color:blue;font-weight:bold;background-color:white;}
.SelectBox2{ color:green;font-weight:bold;background-color:white;}
.SelectBox3{ color:red;font-weight:bold;background-color:white;}
.SelectBox8{ color:purple;font-weight:bold;background-color:white;}
.SelectBox9{ color:white;background-color:red;font-weight:bold; }

/* table */

.datagrid input, .datagrid select
{
 width:100%;
 max-width: 250px;
}

.datagrid {
 width: 100% !important;
	overflow: visible;
background-color:white;
position:relative;
/*z-index:32000;*/
display: table;
/* box-shadow: 5px 5px 5px #555555;*/
}


.datagrid table { border-collapse: collapse; text-align: left; width: 100%; }


.datagrid table tbody tr:nth-child(odd) {background: #fafbfc;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}/*{background: #f2f2f2}*/
.datagrid table tbody tr:nth-child(even) {background: #ffffff;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}/*{background: #fafafa}*/

.datagrid table tbody tr:nth-child(odd) td {border-right:1px solid #f0f6fc;}
.datagrid table tbody tr:nth-child(even) td {border-right:1px solid #f0f6fc;}

.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 2px solid #FFFFFF; }

.datagrid thead tr th:first-child,
.datagrid tbody tr td:first-child {
	width:30px;
	text-align:center;
	
	vertical-align:middle;
}

.datagrid table td:not(:first-child), .datagrid table th:not(:first-child) { padding: 3px 3px;
min-width:100px;
padding:5px 1px 5px 3px !important;
border-left: 0px solid #FFFFFF;
vertical-align:bottom;
}

.datagrid thead tr th:last-child,
.datagrid tbody tr td:last-child {
	text-align:center;
}



.datagrid table thead th {
    
	
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E0E0E0), color-stop(1, #CBCBCB) );
	background:-moz-linear-gradient( center top, #E0E0E0 5%, #CBCBCB 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#CBCBCB');*/
	background-color:#FFFFFF;/*background-color:#E0E0E0*/
	color:#117CAB;
	/*text-transform: uppercase;*/
	font-size: 15px;
	font-weight: bold;
	
}

/*
.datagrid table thead th:first-child { border: none;text-align:left; min-width:30px !important;
}
*/
.datagrid table tbody td { color: #545454; font-size: 12px;font-weight: normal;
/*border-left: 2px solid #FFFFFF;*/
 /* Non standard for webkit */
     word-break: break-word;

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;

}
/*.datagrid table tbody .alt td { background: #F2F2F2; color: #545454; }*/
.datagrid table tbody td:first-child { border-left: none; min-width:30px !important;}
.datagrid table tbody tr:last-child td { border-bottom: none; }

/* ---------------------------------------------------------------------------------------------------------------------------------- */
.toolbarIcons{
  display: inline-block;
  margin: 0 2px 0 2px;
}

.estableTitle{
  border: 1px solid #000000;
  padding:0;
  margin: 0;
}

.estableTitle th{

  background-color:#F11E28;
  color: #ffffff;
  font-weight:bold;

}
.estableTitle td{
border: 1px solid #000000;
padding:3px;
margin:0;
}




.estableSmallFont{
font-size:12px;
  border: 1px solid #000000;
  padding:0;
  margin: 0;
}

.estableSmallFont th{

  background-color:#F11E28;
  color: #ffffff;
  font-weight:bold;

}
.estableSmallFont td{
border: 1px solid #000000;
padding:3px;
margin:0;
}


.esTableDescription {
 border: 1px lightblue solid;
 border-radius: 3px;
 padding:7px;
 color: #3c626e;
 margin-bottom:10px;
 background-color: #d6f5ff;
}

.field-calendar{
    display: inline-block;
    margin-right:60px;
}


.esUploadFileBox{
 border: 1px lightblue solid;
 border-radius: 3px;
 padding:7px;
 width: 100%;
}

.esUploadFileBox table{
 border: none !important;
 width: 100%;
}


/* ------------------- loader -------------- */
/*
.ct_dynamic_saveIcon{
 position: relative;
 width: auto !important;
}
*/

.ct_loader input{
 margin:0 !important;
}

.ct_loader {
 /*width: auto;*/
  margin-left: -2px;
  margin-top: -2px;
  margin-right: 0;
  margin-bottom: 0;
  padding: 2px;
  border-radius: 5px;

  /* Single pixel data uri image http://jsfiddle.net/LPxrT/ 
  /* background-image: green one pixel GIF */
  background-image:
   url('data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///1q0Wv///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=='),
   url('data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///1q0Wv///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=='),
   url('data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///1q0Wv///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=='),
   url('data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///1q0Wv///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw==');
   
  background-repeat: no-repeat;
  background-size: 0 2px, 2px 0, 0 2px, 2px 0;
  
  background-position: top left, top right, bottom right, bottom left;
  -webkit-animation: ct_loader_border 2s linear infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ct_loader_border {
 
    0% {
     background-position: top left, top right, bottom right, bottom left;
      background-size: 0 2px, 2px 0, 0 2px, 2px 0;
    }
    
    
    20% {
     background-position: top left, top right, bottom right, bottom left;
      background-size: 100% 2px, 2px 0, 0 2px, 2px 0;
    }
    
    25% {
     background-position: top left, top right, bottom right, bottom left;
      background-size: 100% 2px, 2px 100%, 0 2px, 2px 0;
    }
    
    
    45% {
     background-position: top left, top right, bottom right, bottom left;
      background-size: 100% 2px, 2px 100%, 100% 2px, 2px 0;
    }
    
    50% {
     background-position: top left, top right, bottom right, bottom left;
      background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
    }
    
    51% {
     
     background-position: top right, bottom right, bottom left, top left;
     background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
    }
    
    
    70% {
     background-position: top right, bottom right, bottom left, top left;
      background-size: 0 2px, 2px 100%, 100% 2px, 2px 100%;
    }
    
    75% {
     background-position: top right, bottom right, bottom left, top left;
      background-size: 0 2px, 2px 0, 100% 2px, 2px 100%;
    }
    
    95% {
     background-position: top right, bottom right, bottom left, top left;
      background-size: 0 2px, 2px 0, 0 2px, 2px 100%;
    }
    
    100% {
     background-position: top right, bottom right, bottom left, top left;
      background-size: 0 2px, 2px 0, 0 2px, 2px 0;
    }
}
 

@-webkit-keyframes ct_hide_border {
 
    0% {     border: 2px solid #5ab45a;    }
    100% {     border: 2px solid rgba(0,0,0,0);    }
}

@-webkit-keyframes ct_error_border {
 
    0% {     border: 2px solid red;    }
    100% {border: 2px solid rgba(255,0,0,0.1);    }
}

.ct_checkmark_hidden{
 -webkit-animation: ct_hide_border 2s linear 1;
}

.ct_checkmark {
  /*width: auto;*/
  margin-left: -2px;
  margin-top: -2px;
  margin-right: 0;
  margin-bottom: 0;
  padding: 2px;
  border-radius: 5px;
}

.ct_checkmark_err {
   width: auto;
  margin-left: -2px;
  margin-top: -2px;
  margin-right: 0;
  margin-bottom: 0;
  padding: 2px;
  border-radius: 5px;
  -webkit-animation: ct_error_border 1s infinite alternate;
}

.ct_checkmark input{
 margin:0 !important;
}

.ct_checkmark_err input{
 margin:0 !important;
}
