/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.error{
  color: red;
}
.container {
  margin: 50px;
  padding: 10px 10px;
  position: relative;
  width:400px;
  height:270px;
  border:2px solid red;  
}
.text {
 float: left;
 height: 200px;
 width: 150px;
 background-color: green;
}
.bg {  
position: absolute;
top: 10px;
left: 50%; 
width: 50%; 
height: 250px;
background-image: url('http://www.gettyimages.pt/gi-resources/images/Homepage/Hero/PT/PT_hero_42_153645159.jpg');
background-position: 0 0; 
background-repeat:no-repeat; 
background-size: cover;
}
.skin-blue .wrapper{background: #F5F6FF;}
.skin-blue .main-sidebar, .skin-blue .left-side { background-color: #283593;}
.skin-blue .main-header .logo { background-color: #283593;}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {color: #283593 !important; background: #fff !important; border-left: 0px; border-right: 6px solid #161F4C;}
.skin-blue .main-header .navbar { background-color: #fff;}
.skin-blue .main-header .navbar .sidebar-toggle {color: #283593;}
.skin-blue .main-header .navbar .nav > li > a { color: #04081A;}
a, #dashboard h1{font-family: 'Outfit', sans-serif;}
.content-wrapper { background-color: #F7F8FF;}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { background: #FFFFFF !important; border-radius: 16px;padding: 20px;}
.small-box .icon { transition: none !important; top: 0 !important;  left: 30px !important; font-size: 73px !important;}
.small-box h3 {font-family: 'Inter',sans-serif; font-size: 24px; margin: 7px 0px 0px 80px !important; color: #000;}
.small-box p { font-family: 'Inter',sans-serif; font-size: 15px;color: #121212; opacity: 0.7; margin-left: 80px;}
#dashboard .box{border: 0px !important;padding: 20px;}
#dashboard .box h3{font-family: 'Outfit',sans-serif;  color: #04081A;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #f4f4f4;padding: 20px 10px; font-family: 'Outfit', sans-serif;}
#dashboard .switch { position: relative;  display: inline-block; width: 40px; height: 14px; top: 5px;margin-right: 10px;}
#dashboard  .switch input {  opacity: 0; width: 0; height: 0;}
#dashboard .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0;  bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
#dashboard .slider:before { position: absolute; content: ""; height: 10px; width: 10px; left: 1px; bottom: 2px;  background-color:  #283593;  -webkit-transition: .4s;  transition: .4s; border-radius: 50%;}
#dashboard input:checked + .slider { background-color:  #08161424;}
#dashboard input:focus + .slider { box-shadow: 0 0 1px #2196F3;}
#dashboard input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}
#dashboard .slider.round { border-radius: 34px;}
#dashboard .slider.round:before { border-radius: 50%;}
#dashboard .table-striped > tbody > tr:nth-of-type(2n+1) { background: #F7F8FF; border-radius: 5px;}
#dashboard .add-btn{background: #283593; border-radius: 6px; color: #fff; padding: 8px 16px;font-size: 14px;}
#dashboard .box-header #myInput { float: right; background-image: url('../img/search.png'); background-position: 8px 9px; background-repeat: no-repeat; width: 20%; font-size: 16px; padding: 7px 18px 5px 40px;  border-radius: 10px;  border: 1px solid #ddd; margin-bottom: 12px; margin-right: 20px;Width: 167px; height: 40px;color: #00070A;}
#dashboard .sort-section{float: right; margin-right: 20px;}
::placeholder{color: #161F4C !important;}
:-ms-input-placeholder {color: #161F4C !important;}
::-ms-input-placeholder {color: #161F4C!important;;}
#dashboard .sort-section select{background: #FFFFFF;padding: 10px;background-position-x: 110px; border: 1px solid rgba(18, 18, 18, 0.2); border-radius: 8px;Width: 139px; height: 40px;font-family: 'Outfit',sans-serif;color: #00070A;background: url('../img/filter.png') no-repeat right; -webkit-appearance: none; background-position-x: 110px;}
#dashboard .sort-section select option{font-family: 'Outfit',sans-serif;}
form#add-form{margin-top: 30px;}
#add-form input::placeholder{color: #161F4C97 !important;}
#add-form input{  border: 1px solid #161F4C24;  border-radius: 8px;font-family: 'Outfit',sans-serif !important;color: #08080944;width:543px;  height: 44px;}
.btn-add{background: #283593;  border-radius: 5.36px; color: #fff; width: 100%;font-family: 'Outfit',sans-serif !important;}
form#add-form label{font-family: 'Outfit',sans-serif !important;color: #161F4C !important;opacity: 0.8 !important;}
#profile .main-sidebar{left: 53px !important;min-height: 582px;top: 50px !important; background-color: #fff !important;}
#profile .sidebar-menu > li:hover > a, #profile .sidebar-menu > li.active > a,#profile .sidebar-menu > li.menu-open > a {padding-left: 40px; color: #283593 !important; background: #fff !important;  border-left: 0px; border-right: 4px solid #283593;  font-size: 17px; line-height: 28px; color: #283593; font-family:'Outfit',sans-serif;}
#profile .sidebar-menu > li > a, #profile .sidebar-menu > li > a,#profile .sidebar-menu > li > a {padding-left: 40px; color: #08161476 !important; background: #fff !important;  border-left: 0px; border-right: 4px solid #fff;  font-size: 17px; line-height: 28px; color: #283593; font-family:'Outfit',sans-serif;}
#profile h3{font-family: 'Inter', sans-serif; font-style: normal; font-weight: 600; font-size: 32px; line-height: 39px; color: #161F4C;}
#profile p{font-family: 'Outfit',sans-serif;  font-style: normal;  font-weight: 400;  font-size: 16px; line-height: 22px;  letter-spacing: 0.002em; color: #161F4C; opacity: 0.6;}
#profile .profile-img-section{position: relative; margin-top: 20px;}
#profile .profile-img-section a{position: absolute;top: 83px; left: 85px;}
#profile input { background: #F5F6FF !important; border-radius: 8px !important; box-shadow: 0px !important; border: 0px; width: 511.9px;  height: 44px;color: #161F4C94;}
#profile .form-group{position: relative;}
#profile .input-group-append{position: absolute;right: 15px; top: 33px;}
#profile .btn-add{width: 511.9px; height: 44px;}
#profile .box{box-shadow: none !important;padding: 50px 0px;}
#profile .sidebar p{margin-left: 60px; margin-bottom: 40px; color: #161F4C; opacity: 1; font-size: 20px;}
#profile .content{padding-top: 50px;margin-right: 50px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img{height: unset; width: unset;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header{background-color: #fff; height: unset; text-align: left;background: #FFFFFF; border-radius: 12px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header p{font-family: 'Outfit', sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: 0.007em; color: #04081A;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{left: -53px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header p span{font-family: 'Outfit', sans-serif; font-weight: 400; font-size: 10px; line-height: 18px; letter-spacing: 0.007em; color: #161F4C; opacity: 0.6;}
#New1 a{font-family: 'Outfit',sans-serif; font-weight: 400; font-size: 14px; line-height: 22px;  letter-spacing: 0.002em; color: #161F4C;}
#New1 a span{margin-left: 10px;}

/* style for user mgt details page */
.control-sidebar-dark, .control-sidebar-dark + .control-sidebar-bg {
  background: #F7F8FF;
}
.control-sidebar-dark .control-sidebar-heading, .control-sidebar-dark .control-sidebar-subheading {
  color: #161F4C;
  font-family: 'Outfit', sans-serif;
}
.control-sidebar .inner-control{padding: 20px;}
.control-sidebar{width: 300px; right: -300px; padding: auto 10px !important;}
.control-sidebar p{color: #161F4C;}
.control-sidebar img.img-1{width: 122px; height: 122px; border-radius: 2.931px; }
.control-sidebar img.img-2{width: 256px; height: 143px; border-radius: 14px; }
.control-sidebar img.img-3{width: 148px; height: 103px; border-radius: 4px; }
.control-sidebar p.heading-tag{color: rgba(22, 31, 76, 0.60);
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 183.333% */
  letter-spacing: 0.024px; }
.control-sidebar p.description-tag{  font-family: 'Outfit', sans-serif; color: var(--new-black, #161F4C);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.024px; }
  .control-sidebar .sub-heading{  font-family: 'Outfit', sans-serif; color: var(--new-black, #161F4C);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.024px; margin-top: 20px;}

  .successs{
    color: green;
  }
  .pending{
    color: orange;
  }
  .failed{
    color: red;
  }

  a.back-btn{font-family: 'Outfit',sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 28px; color: #161F4C;}
  form#add-form label{font-family: 'Outfit',sans-serif !important;color: #161F4C !important;opacity: 0.8 !important;}