.text-muted {
  color: #9A9A9A;
}

.text-primary, .text-primary:hover {
  color: #1D62F0 !important;
}

.text-info, .text-info:hover {
  color: #1DC7EA !important;
}

.text-success, .text-success:hover {
  color: #87CB16 !important;
}

.text-warning, .text-warning:hover {
  color: #FF9500 !important;
}

.text-danger, .text-danger:hover {
  color: #FF4A55 !important;
}
.btn {
  border-width: 2px;
  background-color: transparent;
  font-weight: 400;
  opacity: 0.8;
  filter: alpha(opacity=80);
  padding: 8px 16px;
  border-color: #888888;
  color: #888888;
}

.btn:hover, .btn:focus, .btn:active, .btn.active,
.open > .btn.dropdown-toggle {
  background-color: transparent;
  color: #777777;
  border-color: #777777;
}

.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active,
fieldset[disabled] .btn,
fieldset[disabled] .btn:hover,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn.focus,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn.active {
  background-color: transparent;
  border-color: #888888;
}

.btn.btn-fill {
  color: #FFFFFF;
  background-color: #888888;
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn.btn-fill:hover, .btn.btn-fill:focus, .btn.btn-fill:active, .btn.btn-fill.active,
.open > .btn.btn-fill.dropdown-toggle {
  background-color: #777777;
  color: #FFFFFF;
}

.btn.btn-fill .caret {
  border-top-color: #FFFFFF;
}

.btn .caret {
  border-top-color: #888888;
}

.btn:hover, .btn:focus {
  opacity: 1;
  filter: alpha(opacity=100);
  outline: 0 !important;
}

.btn:active, .btn.active,
.open > .btn.dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
}

.btn.btn-icon {
  padding: 8px;
}

.btn-primary {
  border-color: #3472F7;
  color: #3472F7;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-color: transparent;
  color: #1D62F0;
  border-color: #1D62F0;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: transparent;
  border-color: #3472F7;
}

.btn-primary.btn-fill {
  color: #FFFFFF;
  background-color: #3472F7;
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn-primary.btn-fill:hover, .btn-primary.btn-fill:focus, .btn-primary.btn-fill:active, .btn-primary.btn-fill.active,
.open > .btn-primary.btn-fill.dropdown-toggle {
  background-color: #1D62F0;
  color: #FFFFFF;
}

.btn-primary.btn-fill .caret {
  border-top-color: #FFFFFF;
}

.btn-primary .caret {
  border-top-color: #3472F7;
}

.btn-success {
  border-color: #87CB16;
  color: #87CB16;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-color: transparent;
  color: #049F0C;
  border-color: #049F0C;
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success:disabled, .btn-success:disabled:hover, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: transparent;
  border-color: #87CB16;
}

.btn-success.btn-fill {
  color: #FFFFFF;
  background-color: #87CB16;
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn-success.btn-fill:hover, .btn-success.btn-fill:focus, .btn-success.btn-fill:active, .btn-success.btn-fill.active,
.open > .btn-success.btn-fill.dropdown-toggle {
  background-color: #049F0C;
  color: #FFFFFF;
}

.btn-success.btn-fill .caret {
  border-top-color: #FFFFFF;
}

.btn-success .caret {
  border-top-color: #87CB16;
}

.btn-info {
  border-color: #1DC7EA;
  color: #1DC7EA;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-color: transparent;
  color: #42d0ed;
  border-color: #42d0ed;
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info:disabled, .btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: transparent;
  border-color: #1DC7EA;
}

.btn-info.btn-fill {
  color: #FFFFFF;
  background-color: #1DC7EA;
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn-info.btn-fill:hover, .btn-info.btn-fill:focus, .btn-info.btn-fill:active, .btn-info.btn-fill.active,
.open > .btn-info.btn-fill.dropdown-toggle {
  background-color: #42d0ed;
  color: #FFFFFF;
}

.btn-info.btn-fill .caret {
  border-top-color: #FFFFFF;
}

.btn-info .caret {
  border-top-color: #1DC7EA;
}

.btn-warning {
  border-color: #FF9500;
  color: #FF9500;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-color: transparent;
  color: #ED8D00;
  border-color: #ED8D00;
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning:disabled, .btn-warning:disabled:hover, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: transparent;
  border-color: #FF9500;
}

.btn-warning.btn-fill {
  color: #FFFFFF;
  background-color: #FF9500;
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn-warning.btn-fill:hover, .btn-warning.btn-fill:focus, .btn-warning.btn-fill:active, .btn-warning.btn-fill.active,
.open > .btn-warning.btn-fill.dropdown-toggle {
  background-color: #ED8D00;
  color: #FFFFFF;
}

.btn-warning.btn-fill .caret {
  border-top-color: #FFFFFF;
}

.btn-warning .caret {
  border-top-color: #FF9500;
}

.btn-danger {
  border-color: #FF4A55;
  color: #FF4A55;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-color: transparent;
  color: #EE2D20;
  border-color: #EE2D20;
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: transparent;
  border-color: #FF4A55;
}

.btn-danger.btn-fill {
  color: #FFFFFF;
  background-color: #FF4A55;
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn-danger.btn-fill:hover, .btn-danger.btn-fill:focus, .btn-danger.btn-fill:active, .btn-danger.btn-fill.active,
.open > .btn-danger.btn-fill.dropdown-toggle {
  background-color: #EE2D20;
  color: #FFFFFF;
}

.btn-danger.btn-fill .caret {
  border-top-color: #FFFFFF;
}

.btn-danger .caret {
  border-top-color: #FF4A55;
}

.btn-neutral {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral.active,
.open > .btn-neutral.dropdown-toggle {
  background-color: transparent;
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active,
fieldset[disabled] .btn-neutral,
fieldset[disabled] .btn-neutral:hover,
fieldset[disabled] .btn-neutral:focus,
fieldset[disabled] .btn-neutral.focus,
fieldset[disabled] .btn-neutral:active,
fieldset[disabled] .btn-neutral.active {
  background-color: transparent;
  border-color: #FFFFFF;
}

.btn-neutral.btn-fill {
  color: #FFFFFF;
  background-color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus, .btn-neutral.btn-fill:active, .btn-neutral.btn-fill.active,
.open > .btn-neutral.btn-fill.dropdown-toggle {
  background-color: #FFFFFF;
  color: #FFFFFF;
}

.btn-neutral.btn-fill .caret {
  border-top-color: #FFFFFF;
}

.btn-neutral .caret {
  border-top-color: #FFFFFF;
}

.btn-neutral:active, .btn-neutral.active,
.open > .btn-neutral.dropdown-toggle {
  background-color: #FFFFFF;
  color: #888888;
}

.btn-neutral.btn-fill, .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus {
  color: #888888;
}

.btn-neutral.btn-simple:active, .btn-neutral.btn-simple.active {
  background-color: transparent;
}

.btn:disabled, .btn[disabled], .btn.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}



/**AJAX LOADER**/
.lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
  }
  .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
  }
  .lds-roller div:after {
    margin-left: 20%;
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1B2A47;
    margin: -3px 0 0 -3px;
  }
  .lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
  }
  .lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px;
  }
  .lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
  }
  .lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px;
  }
  .lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
  }
  .lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px;
  }
  .lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
  }
  .lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px;
  }
  .lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
  }
  .lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px;
  }
  .lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
  }
  .lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px;
  }
  .lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
  }
  .lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px;
  }
  .lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
  }
  .lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px;
  }
  @keyframes lds-roller {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
/**AJAX LOADER**/
.Windows-classic-loader{
margin-top: 20%;
z-index: 9999;
position: absolute;
text-align: center;
width: 100%;
height: 100%;
display: none;
}
.Windows-classic-loader .text-muted{
    color: rgb(65, 130, 250);
}
.footer-inverse{
background-color: #1B2A47;
height: 150px;
bottom: 0;
color: #ffffff;
border: 1px solid #1B2A47;
border-left: 0px;
border-right: 0px;
font-size: 18px;
}
.navbar-universe{
  z-index: 99999;
position: fixed;
padding: 3px;
background-color:#1B2A47;
border-color: #1B2A47;
top: 0;
left: 0;
right: 0;
height: 100px;
}
.sidebar{
border-color: #1B2A47;
height: 500px;
}
.sidebar .sidebar-nav{
background-color:#1B2A47;
}
.comapny-logo{
  width:72px;
  height:72px;
}
.country-list .input-group-prepend{
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.country-list .form-control{
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.country-list{
float: none;
}
.navbar-header .navbar-brand{
color: #6BCBDF;
font-size: 20px;
font-family: sans-serif;
padding-left: 10px;
float: left;
margin-right: 100px;
margin-top: 10px;
}
.navbar-header .navbar-brand:hover{
color: #6BCBDF;
}
.dashboard-brand{
margin-top: 15px;
}
.card{
  border-color:#1B2A47;
  border-radius: 0px 0px 5px 5px;
  border-bottom: 0px;
  border-left: 0px;
  border-right:0px;
}
.card .card-header{
  background-color:#1B2A47;
  color: #ffffff;
  border-color:#1B2A47;
  border-radius: 0px;
}
.sidebar-nav .nav .nav-link:hover{
background-color: #152036;
}
.sidebar-nav .nav .nav-logo .nav-link:hover{
  background-color:#1B2A47;
}
.sidebar-nav .nav .nav-link{
 font-size: 17px;
 font-family: sans-serif;
  }
  .sidebar-nav .nav .nav-logo .profile-pic{
  width: 90px;
  height: 90px;
  border-radius: 100%;
  margin-left: 5px;
  }

  .change-pic{
    position: absolute;
    border-radius: 100%; 
    width: 90px;
    height: 90px;
margin-left: -91px;
opacity: 0;
cursor: pointer;
  }
  .log-text{
    padding-left: 10px;
  }
  .text-center{
   text-align: center;
  }
  .ribbon-primary{
  background-color: #1B2A47;
  width: 100%;
  height: 15px;
  border-radius: 0px 0px 2px 2px;
  }
  .card .card-footer{
  background-color: #1B2A47;
  border-color:#1B2A47;
  }
  .navbar-custom{
  float: right;
  }
  .navbar-custom li{
  list-style: none;
  }
  .navbar-custom li a{
  text-decoration: none;
  font-size: 18px;
  font-family: sans-serif;
  }

  .formError{
    display: none;
    color:#dd4b39;
    }
    .input-group-text{
      border-right: 0px;
      }
      .has-error .input-group-text,
      .has-error .form-control
      {
      color: #dd4b39;
      border-color: #dd4b39;
      }
      .has-error{
      border-color: #dd4b39;  
      color:   #dd4b39;  
      }
      .form-error{
      color:#dd4b39;
      }
      .has-warning .input-group-text,
      .has-warning .form-control
      {
      color: #f39c12;
      border-color: #f39c12;
      }
      .has-success .input-group-text,
      .has-success .form-control
      {
      color: #00a65a;
      border-color:#00a65a;
      }
      .loginEffect{
      opacity: 0.1;
      }


      .Toast-menu{
        display: none;
        z-index: 99999;
        background-color: #1B2A47;
        color:#ffffff;
        padding-bottom: 25px;
        padding-top: 25px;
        padding-right: 30px;
        padding-left: 30px;
        border:1px solid #1B2A47;
        position: fixed;
        text-align: center;
        font-family: sans-serif;
        font-size: 18px;
        box-shadow:0 4px 8px 0 rgba(0,0,0,0.2) !important;
        margin-left: 25%;
        margin-top: 11%;
        border-radius:3px;
        }
        .Toast-primary{
          background-color: #1B2A47;
          border:1px solid #1B2A47;
        }

        .Toast-danger{
          background-color: #dd4b39;
          border:1px solid #dd4b39;
        }
        .Toast-success{
          background-color: #00a65a;
          border:1px solid #00a65a;
        }
        .Toast-warning{
          background-color: #f39c12;
          border:1px solid #f39c12;
        }

        .Toast-default{
          background-color: #cccccc;
          border:1px solid #cccccc;
          color: #333333;
        }
        .Toast-universe{
          background-color: #ffffff;
          border:1px solid #cccccc;
          color: #333333;
          text-align: unset;
        }
        .Toast-universe .Toast-menu-cancel{
        color: #333333;
        }

    .Toast-menu  .Toast-menu-cancel{
      margin-top: -25px;
      margin-right: -20px;
      font-family: sans-serif;
      font-size: 25px;
      color:#ffffff;
      cursor: pointer;
    }
    .Toast-animate-top{
      display: block;
    -webkit-animation:animatetop 0.3s;animation:animatetop 0.3s
    }
    @-webkit-keyframes animatetop{from{top:-400px;opacity:0} to{top:0;opacity:1}}
    @keyframes animatetop{from{top:-400px;opacity:0} to{top:0;opacity:1}}
    .Toast-animate-bottom{
    -webkit-animation:animatebottom 0.3s;animation:animatebottom 0.3s;
    display: none;
    }
    @-webkit-keyframes animatebottom{from{bottom:-400px;opacity:0} to{bottom:0px;opacity:1}}
    @keyframes animatebottom{from{bottom:-400px;opacity:0} to{bottom:0;opacity:1}}

    .Toast-animate-bottom-back{
    -webkit-animation:animatebottom2 0.3s;animation:animatebottom2 0.3s;
    display: none;
    }

    @-webkit-keyframes animatebottom2{from{bottom:0px;opacity:0} to{bottom:400px;opacity:1}}
    @keyframes animatebottom2{from{bottom:0px;opacity:0} to{bottom:400px;opacity:1}}

    .Toast-animate-left{
    -webkit-animation:animateleft 0.4s;animation:animateleft 0.4s
    }
    @-webkit-keyframes animateleft{
      from{left:-400px;opacity:0} to{left:0;opacity:1}}
    @keyframes animateleft{from{left:-400px;opacity:0} to{left:0;opacity:1}}
    
    .Toast-animate-left-back{
    -webkit-animation:animateleft2 0.4s;animation:animateleft2 0.4s;
    }

    @-webkit-keyframes animateleft2{
    from{left:0;opacity:1} to{left:-450px;opacity:0}
    }
    @keyframes animateleft2{
      from{left:0;opacity:1} to{left:-450px;opacity:0}
    }
    

    .Toast-animate-zoom {
      -webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s
    }
@-webkit-keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.Toast-animate-zoom-back{
  -webkit-animation:animatezoom2 0.6s;animation:animatezoom2 0.6s
}

@-webkit-keyframes animatezoom2{from{transform:scale(1)} to{transform:scale(0)}}
@keyframes animatezoom2{from{transform:scale(1)} to{transform:scale(0)}}


.Toast-animate-fading{-webkit-animation:fading 5s infinite;animation:fading 5s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.Toast-animate-fading-back{-webkit-animation:fading2 3s infinite;animation:fading2 5s infinite}
@-webkit-keyframes fading2{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
@keyframes fading2{0%{opacity:1}50%{opacity:0}100%{opacity:1}}

.Windows-usual-loader{
width: 100%;
height: 100%;
text-align: center;
}
.img-circle-2{
  width:60px;
  height: 60px;
  border-radius: 100%;
}

#myModal{
z-index:9999999;
}
.badge{
border-radius: 100%;
position: absolute;
width: 18px;
height: 18px;
margin-top: -20px;
margin-right: -20px;
text-align: center;
color:#ffffff;
}