/**
 * MAIN BUTTON 
**/
input.utf-with-border, input[type="text"].utf-with-border, input[type="password"].utf-with-border, input[type="email"].utf-with-border, input[type="number"].utf-with-border, textarea.utf-with-border, select.utf-with-border {
  background: #d8dfe6;
  border: 1px solid #dde6ef;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);
  color: #000;
}

input[type="submit"] {
  border: 0;
  background: #00008B;
  border-radius: 4px;
  box-shadow: 0 5px 0 #00A6FF;
  color: #fff;
  cursor: pointer;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 6px 15px;
  transition: all .1s linear;
}
input[type="submit"]:hover {
  box-shadow: 0 2px 0 #00A6FF;
  transform: translateY(3px);
}
/**
 * MAIN BUTTON 
**/


/***** Msg Alert *******/

.action_resp_msg_holder {
  margin-bottom:20px;
}

 .err_msg  {
  background-color: #FFC2C2;  
  background-image: -khtml-gradient(linear, left top, left bottom, from(#FFC2C2), to(#FFC2C2));
  background-image: -moz-linear-gradient(top, #FFC2C2, #FFC2C2);
  background-image: -ms-linear-gradient(top, #FFC2C2, #FFC2C2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFC2C2), color-stop(100%, #FFC2C2));
  background-image: -webkit-linear-gradient(top, #FFC2C2, #FFC2C2);
  background-image: -o-linear-gradient(top, #FFC2C2, #FFC2C2);
  background-image: linear-gradient(top, #FFC2C2, #FFC2C2);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC2C2', endColorstr='#FFC2C2', GradientType=0);
    
  padding:10px;
  width:90%;
  /*margin:0 auto;*/
  color:#C24848;
  font-size:13px; 
  font-weight:bold;
  margin:0 auto;
  margin-bottom:20px;
}

 .ok_msg  {
  background-color: #57a957;  
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  
  padding:10px;
  width:90%;
  /*margin:0 auto;*/
  color:#FFF;
  font-size:13px; 
  font-weight:bold;
  margin:0 auto;
  margin-bottom:20px;
}

.ok_msg, .err_msg a:link {color:#FFF;}
.ok_msg, .err_msg a:visited {color:#FFF;}

.msg_alert {border:1px solid #; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-top:10px;}

.msg_alert .msg_alert_text {float:left; width:85%; font-size: 15px; line-height: 20px; text-shadow:none; font-weight: normal; text-align: center;}
.msg_alert .msg_alert_close {float:right; background:url('../img/cross.png'); width:26px; height:26px; margin-top:-3px; cursor:pointer;}


/***** Msg Alert *******/





.flex {
    display: flex;
}

.flex_gap5 {
    gap: 5px;
}

.flex_gap10 {
    gap: 10px;
}

.flex_gap20 {
    gap: 20px;
}

.flex_wrap {
    flex-wrap: wrap;
}

.flex_justify_btw {
    justify-content: space-between
}

.flex_align_start {
    align-items:flex-start
}




.clear {
    clear: both;
}





.width_full {
    width: 100%;
}

.width_50px {
    width: 50px;
}

.width_100px {
    width: 100px;
}

.width_150px {
    width: 150px;
}

.width_200px {
    width: 200px;
}

.width_250px {
    width: 250px;
}

.width_300px {
    width: 300px;
}





.mt10 {
    margin-top:10px;
}
.mt20 {
    margin-top:20px;
}
.mt30 {
    margin-top:30px;
}
.mt40 {
    margin-top:40px;
}
.mt50 {
    margin-top:50px;
}
.mt60 {
    margin-top:60px;
}
.mt70 {
    margin-top:70px;
}
.mt80 {
    margin-top:80px;
}
.mt90 {
    margin-top:90px;
}
.mt100 {
    margin-top:100px;
}
.mt150 {
    margin-top:150px;
}
.mt200 {
    margin-top:200px;
}



.mb10 {
    margin-bottom:10px;
}
.mb20 {
    margin-bottom:20px;
}
.mb30 {
    margin-bottom:30px;
}
.mb40 {
    margin-bottom:40px;
}
.mb50 {
    margin-bottom:50px;
}
.mb60 {
    margin-bottom:60px;
}
.mb70 {
    margin-bottom:70px;
}
.mb80 {
    margin-bottom:80px;
}
.mb90 {
    margin-bottom:90px;
}
.mb100 {
    margin-bottom:100px;
}
.mb150 {
    margin-bottom:150px;
}
.mb200 {
    margin-bottom:200px;
}



.ml10 {
    margin-left:10px;
}
.ml20 {
    margin-left:20px;
}
.ml30 {
    margin-left:30px;
}
.ml40 {
    margin-left:40px;
}
.ml50 {
    margin-left:50px;
}
.ml60 {
    margin-left:60px;
}
.ml70 {
    margin-left:70px;
}
.ml80 {
    margin-left:80px;
}
.ml90 {
    margin-left:90px;
}
.ml100 {
    margin-left:100px;
}
.ml150 {
    margin-left:150px;
}
.ml200 {
    margin-left:200px;
}



.mr10 {
    margin-right:10px;
}
.mr20 {
    margin-right:20px;
}
.mr30 {
    margin-right:30px;
}
.mr40 {
    margin-right:40px;
}
.mr50 {
    margin-right:50px;
}
.mr60 {
    margin-right:60px;
}
.mr70 {
    margin-right:70px;
}
.mr80 {
    margin-right:80px;
}
.mr90 {
    margin-right:90px;
}
.mr100 {
    margin-right:100px;
}
.mr150 {
    margin-right:150px;
}
.mr200 {
    margin-right:200px;
}



.pt10 {
    padding-top:10px;
}
.pt20 {
    padding-top:20px;
}
.pt30 {
    padding-top:30px;
}
.pt40 {
    padding-top:40px;
}
.pt50 {
    padding-top:50px;
}
.pt60 {
    padding-top:60px;
}
.pt70 {
    padding-top:70px;
}
.pt80 {
    padding-top:80px;
}
.pt90 {
    padding-top:90px;
}
.pt100 {
    padding-top:100px;
}
.pt150 {
    padding-top:150px;
}
.pt200 {
    padding-top:200px;
}



.pb10 {
    padding-bottom:10px;
}
.pb20 {
    padding-bottom:20px;
}
.pb30 {
    padding-bottom:30px;
}
.pb40 {
    padding-bottom:40px;
}
.pb50 {
    padding-bottom:50px;
}
.pb60 {
    padding-bottom:60px;
}
.pb70 {
    padding-bottom:70px;
}
.pb80 {
    padding-bottom:80px;
}
.pb90 {
    padding-bottom:90px;
}
.pb100 {
    padding-bottom:100px;
}
.pb150 {
    padding-bottom:150px;
}
.pb200 {
    padding-bottom:200px;
}





.pr10 {
    padding-right:10px;
}
.pr20 {
    padding-right:20px;
}
.pr30 {
    padding-right:30px;
}
.pr40 {
    padding-right:40px;
}
.pr50 {
    padding-right:50px;
}
.pr60 {
    padding-right:60px;
}
.pr70 {
    padding-right:70px;
}
.pr80 {
    padding-right:80px;
}
.pr90 {
    padding-right:90px;
}
.pr100 {
    padding-right:100px;
}
.pr150 {
    padding-right:150px;
}
.pr200 {
    padding-right:200px;
}




.pl10 {
    padding-left:10px;
}
.pl20 {
    padding-left:20px;
}
.pl30 {
    padding-left:30px;
}
.pl40 {
    padding-left:40px;
}
.pl50 {
    padding-left:50px;
}
.pl60 {
    padding-left:60px;
}
.pl70 {
    padding-left:70px;
}
.pl80 {
    padding-left:80px;
}
.pl90 {
    padding-left:90px;
}
.pl100 {
    padding-left:100px;
}
.pl150 {
    padding-left:150px;
}
.pl200 {
    padding-left:200px;
}