/*-------------------currency-----*/

.currency-convertion{
text-align: center;    
}
.currency-convertion .abbreviation{
     cursor: pointer;
     position: relative;
      font-weight: 600;
      margin: 0 auto;
    width: 5%;
    color:rgba(77, 77, 79, 1);
    font-size: 14px;
}
.currency-convertion .abbreviation:after {
content: '';
    position: absolute;
    border-top: 5px solid;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    margin: 7px 4px;
}
@media (max-width: 764px) {
.currency-convertion .abbreviation {
  width: 12%;
}
}
#global-setting-form .title{
line-height: 32px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color:rgba(77, 77, 79, 1);

  }

.modal_form select {
   width: 100%;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-bottom: 10px;
   display: inline-block;
   border: 1px #F1F1F1 solid;
   background: #fff;
   text-indent: 15px;
   font-size: 14px;
   color:rgba(102, 102, 102, 1);
}

.modal_form button {
   background-color: rgba(229, 229, 229, 1);
   color: #002349;
   padding: 4px 10px;
   margin:0px;
   margin-top: 10px;
   border: none;
   cursor: pointer;
   width: 30%;
   opacity: 0.9;
   font-size: 16px;
   font-weight: 600;
}

.modal_form button:hover {
   opacity: 1;
}

.modal_form .container {
text-align: center;
   width: 100%;
}

.modal_form {
   display: none;
   position: fixed;
   z-index: 1000;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;

   padding-top: 50px;
   background: rgba(0, 0, 0, 0.6);
}

.modal-content {
   padding: 20px;
   position: relative;
   background-color: #fefefe;
   margin: auto;
   border: 1px solid #888;
   width: 30%;
}
hr {
   border: 1px solid #f1f1f1;
   margin: 15px;
}
.close-model {
   position: absolute;
   right: 10px;
   top: 5px;
   font-size: 20px;
   color: #CCCCCC;
}
.close-model:hover,
.close-model:focus {
   cursor: pointer;
}
.clearfix::after {
   content: "";
   clear: both;
   display: table;
}
.form-title {
   letter-spacing: 1px;
   font-weight: 600;
   font-style: normal;
   color: rgba(0, 37, 74, 1);
   text-transform: capitalize;
   letter-spacing: 1px;
   font-size: 16px;
}
@media screen and (max-width: 1024px) {
   .modal-content {
      width: 80%;
   }
}
@media (min-width: 1200px){
#global-setting-model .container {
    max-width: 100%;
}
}
.unitSystem {
  width: 100%;
  display: inline-flex;
  border: 1px solid #F1F1F1;
  margin-bottom: 10px;
}
.unitSystem div{
  width: 50%;    
  text-align: center;
  padding: 5px;
  cursor: pointer;
  color:rgba(77, 77, 79, 1);
  font-size: 14px;
  border-left: 1px rgba(240, 240, 242, 1);
}
.unitSystem .active{
  background-color: rgba(240, 240, 242, 1);
}
/*-------------------currency end-----*/