@import url(https://fonts.googleapis.com/css?family=Roboto:100);
@import url(https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css);

body {
  background:#fff;  /*bg  1a1a1a  434240  */ 
  font-family: 'Roboto';
  font-size:13px;
  font-weight:300;
  color:#444;
}

.header-spacer {
    height:90px;
}
.container {
    max-width:1400px !important;
    width:90% !important;
}
p{
  color:#555;
}
input:focus{
  background-color:yellow;
}
.flat-form {
  background: #34495e;  /*tablebg e74c3c #34495e  #88565b ed7271*/
  margin: 25px auto;
  width: 390px;
  height: 340px;
  position: relative;
  font-family: 'Roboto';
}
.tabs {
  background: #ed7271;  /*topbar #c0392b #88565b*/
  height: 40px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.tabs li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.tabs a {
  background: #ed7271;  /*topbar c0392b  #88565b */
  display: block;
  float: left;
  text-decoration: none;
  color: white;
  font-size: 16px;
  padding: 12px 22px 12px 22px;
  /*border-right: 1px solid @tab-border;*/

}
.tabs li:last-child a {
  border-right: none;
  width: 174px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.tabs a.active {
  background: #ed7271;  /*topbar e74c3c  */
  border-right: none;
  -webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.form-action {
  padding: 0 20px;
  position: relative;
}

.form-action h1 {
  font-size: 42px;
  padding-bottom: 10px;
}
.form-action p {
  font-size: 12px;
  padding-bottom: 10px;
  line-height: 25px;
}
form {
  /*padding-right: 20px !important;*/
}
form input[type=text],
form input[type=password],
form input[type=submit] {
  font-family: 'Roboto';
}

.validationStyle1 {
    /*position: absolute;
    top: 20px;
    right: 10px;
        */
    color:red;
    font-size:14px;
}


form label {
    font-weight:300;
    text-transform:capitalize;
    letter-spacing:0px;
    color:#222;
    font-size:14px;
}
form input[type=text],
form input[type=password] {
  width: 100%;
  padding:2px 5px;
  margin-bottom: 3px;  
  background: #fff; /* #44454a  */
  border: 1px solid #ccc;
  color: #555;   /* e74c3c e9e9e9  */
  outline: none;
}

.dark-box {
  background: #5e0400;
  box-shadow: 1px 3px 3px #3d0100 inset;
  height: 40px;
  width: 50px;
}
.form-action .dark-box.bottom {
  position: absolute;
  right: 0;
  bottom: -24px;
}
.tabs + .dark-box.top {
  position: absolute;
  right: 0;
  top: 0px;
}
.show {
  display: block;
}
.hide {
  display: none;
}

.button {
    border: none;
    display: block;
    background: #136899;
    height: 40px;
    width: 80px;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    /*box-shadow: 0px 3px 1px #2075aa;*/
  	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.button:hover {
    background: #1e75aa;
    /*box-shadow: 0 3px 1px #237bb2;*/
}

.button:active {
    background: #136899;
    /*box-shadow: 0 3px 1px #0f608c;*/
}

::-webkit-input-placeholder {
  color:dark ;    /*  #e74c3c */
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #e74c3c;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #e74c3c;
}
:-ms-input-placeholder {
  color: #e74c3c;
}

.fullSpace {
    width: 100%;
    float: left;
}
.formTables {
    width: 100%;float:left;overflow:hidden;
}
.formTablesLinearHead{
    width: 100%;float:left;margin:0;padding:0;background:transparent !important;padding:10px 0px;
}
.formTablesLinearHead li{
    width:auto;float:left;margin:0;padding:5px 0.5%;font-size:14px; color:#5f7c8e;font-weight:300;
    overflow-wrap: break-word; font-weight:bold;
}

.listEditLink1 {
    width:10px;height:10px;background-image:url('/content/images/pencil.png'); background-position:center;
    background-repeat:no-repeat;background-size:100%;cursor:pointer; margin:5px;
}
.listDeleteLink1 {
    width:10px;height:10px;background-image:url('/content/images/trash.png'); background-position:center;
    background-repeat:no-repeat;background-size:100%;cursor:pointer; margin:5px;
}
.listRestoreLink1 {
    width: 14px;
    height: 14px;
    background-image: url(/content/images/restore.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    margin: 2px 5px;
}
.listEditLink1 a, .listDeleteLink1 a {
    color:transparent !important;
}


.listMainBlockStyle {
    /*background: #f2f2f2;
    padding-top: 20px;*/
}

.formTablesLinearValues {
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 0px;
    border: 1px solid #fff;
    background:#f7fcf8;
    border-radius: 6px;
    margin-bottom:5px;
}
.formTablesLinearValues li{
    width:auto;float:left;margin:0;padding:3px 0.5%;font-size:14px; color:#555;font-weight:300; font-size:13px;
    overflow-wrap: break-word;
}
.formTables ul:nth-child(odd) { background: #faf7ed; }



.formWholeDiv {
    width:100%;margin:0;padding:0;
}
.formWholeDiv ul{
    width:100%;float:left; margin-bottom:5px; line-height:25px;
}
.colhalf {
    float:left;
    width:0.5% !important;
}
.col-1 {
    float:left;
    width:1%  !important;
}
.col-2 {
    float:left;
    width:2%  !important;
}
.col-3 {
    float:left;
    width:3%  !important;
}
.col-4 {
    float:left;
    width:4%  !important;
}
.col-5 {
    float:left;
    width:5%  !important;
}
.col-6 {
    float:left;
    width:6%  !important;
}
.col-7 {
    float:left;
    width:7%  !important;
}
.col-8 {
    float:left;
    width:8%  !important;
}
.col-9 {
    float:left;
    width:9%  !important;
}
.col1 {
    float:left;
    width:10%  !important;
}
.col2 {
    float:left;
    width:20%  !important;
}
.col2_5 {
    float:left;
    width:25%  !important;
}
.col3 {
    float:left;
    width:30%  !important;
}
.col4 {
    float:left;
    width:40%  !important;
}
.col5 {
    float:left;
    width:50%  !important;
}
.col6 {
    float:left;
    width:60%  !important;
}
.col7 {
    float:left;
    width:70%  !important;
}
.col8 {
    float:left;
    width:80%  !important;
}
.col9 {
    float:left;
    width:90%  !important;
}
.col10 {
    float:left;
    width:100%  !important;
}

.btnStyle2 {
    cursor:pointer;
    width: auto;
    float: left;
    background: #f9f9f9;
    color: #999;
    padding: 8px 15px;
    border: 1px solid #eee;
    text-transform: uppercase;
}

.formTextBox {
    width: 100%;
    padding:5px 5px;
    margin-bottom: 10px;
    background: #fff; /* #44454a  */
    border: 1px solid #ccc;
    color: #222;   /* e74c3c e9e9e9  */
    outline: none;
    font-weight:300;
    font-size:14px;
}
.formTextArea {
    width: 100%;
    padding:5px 5px;
    margin-bottom: 10px;
    background: #fff; /* #44454a  */
    border: 1px solid #ccc;
    color: #222;   /* e74c3c e9e9e9  */
    outline: none;
    font-weight:300;
    font-size:14px;
    height:80px;
    min-height:80px;
}

.btnStyle {
    cursor:pointer;
    width: auto;
    padding:4px 15px;
    margin: 5px;    
    border: 1px solid #ccc;
    color: #fff;   /* e74c3c e9e9e9  */
    outline: none;
    font-weight:300;
    font-size:14px;
    background: rgba(164,179,87,1);
    background: -moz-linear-gradient(left, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 57%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(164,179,87,1)), color-stop(57%, rgba(117,137,12,1)));
    background: -webkit-linear-gradient(left, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 57%);
    background: -o-linear-gradient(left, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 57%);
    background: -ms-linear-gradient(left, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 57%);
    background: linear-gradient(to right, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 57%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=1 );
}

.btnStyle:hover {
    background: rgba(117,137,12,1);
    background: -moz-linear-gradient(left, rgba(117,137,12,1) 43%, rgba(164,179,87,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(43%, rgba(117,137,12,1)), color-stop(100%, rgba(164,179,87,1)));
    background: -webkit-linear-gradient(left, rgba(117,137,12,1) 43%, rgba(164,179,87,1) 100%);
    background: -o-linear-gradient(left, rgba(117,137,12,1) 43%, rgba(164,179,87,1) 100%);
    background: -ms-linear-gradient(left, rgba(117,137,12,1) 43%, rgba(164,179,87,1) 100%);
    background: linear-gradient(to right, rgba(117,137,12,1) 43%, rgba(164,179,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75890c', endColorstr='#a4b357', GradientType=1 );
}

.btnStyleSecond {
    cursor:pointer;
    width: auto;
    padding:2px 15px;
    margin: 10px;    
    border: 1px solid #aaa;
    color: #333;   /* e74c3c e9e9e9  */
    outline: none;
    font-weight:300;
    font-size:13px;
    background: #99e0a5;height:25px;
    
}

.radioButtonsContainer ,.radioButtonsContainer ul{
    width:100%;
    float:left;
    font-size:14px;
}
.radioButtonsContainer ul li{
    width:auto;
    float:left;
    margin-right:1px;
    margin-bottom:0px !important;
}

input[type=radio], input[type=checkbox] {
    min-width:12px;
}
.marginL1 {
    margin-left: 10px;
}
.marginL2 {
    margin-left: 20px;
}
.marginL3 {
    margin-left: 30px;
}
.marginL4 {
    margin-left: 40px;
}
.marginB1 {
    margin-bottom: 10px;
}
.marginB2 {
    margin-bottom: 20px;
}
.marginB3 {
    margin-bottom: 30px;
}
.marginB4 {
    margin-bottom: 40px;
}
.marginT1 {
    margin-top: 10px;
}
.marginT2 {
    margin-top: 20px;
}
.marginT3 {
    margin-top: 30px;
}
.marginT4 {
    margin-top: 40px;
}


.widthF1 {
    width: 100px  !important;
}
.widthF2 {
    width: 200px  !important;
}
.widthF3 {
    width: 300px  !important;
}
.widthF4 {
    width: 400px  !important;
}
.widthF5 {
    width: 500px  !important;
}

.formHeading {
    font-size:17px;
    font-weight:400;
    color:#666;
    text-decoration:underline;
}
.sitePathStyle {
    padding-right: 12px;
    margin-right: 6px;
    float: left;
    width: auto !important;
    background-image: url('/Content/images/right-arrow.svg');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 8px;
    color:#96b893;
    text-decoration:underline;
    font-size:12px;
}


/* Autocomplete
    ----------------------------------*/
    .ui-autocomplete { position: absolute; cursor: default;top:-10px; }       
    .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

    /* workarounds */
    * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

    /* Menu
    ----------------------------------*/
    .ui-menu {
            list-style:none;
            padding: 5px 0px;
            margin: 0;
            display:block;
            width:227px;
            border-radius:0px;
    }
    .ui-menu .ui-menu {
            margin-top: -3px;
    }
    .ui-menu .ui-menu-item {
            margin:0px 2%;
            padding: 0;
            width: 96%;
    }
    .ui-menu .ui-menu-item a {
            text-decoration:none;
            display:block;
            padding:.2em .4em;
            line-height:1.5;
            zoom:1;
            border-radius:0px;
            
    }
    .ui-menu .ui-menu-item a.ui-state-hover,
    .ui-menu .ui-menu-item a.ui-state-active {
            margin: -1px;
            background:#eee;
            border:0px solid #ddd;
    }

    .ui-menu-item a:hover {
        background:#eee !important;
        /*border:1px solid #ddd;*/
    }

    
/* Autocomplete
    ----------------------------------*/