@font-face {
  font-family: 'GothamRounded-Book';
  src: url('/web/fonts/Gotham-Rounded-Book.ttf');
  font-style: regular;
}
@font-face {
   font-family: 'GothamRounded-Bold' sans-serif; 
   src: url('/web/fonts/GothamRnd-Bold.otf');
     font-style: regular;
}
/********************************FONT******************************************/
body {
  font-family: 'GothamRounded-Book';
  font-size: 1.5rem;
  line-height: 24px;  
  color: #cccccc;
  background: linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853);  
  width: 100%;
}
.text-it {
    color: #1871b5;
}
a{
    color: #dad7d7;
}
a:hover, a:focus{
    color: #00a3e0;
    text-decoration:none;
}
.text-it-blue{
    color: #00ACC3;
}
.text-it-blue-1{
    color: #dad7d7;
}
.text-it-blue-2{
    color: #dad7d7;
}
.text-it-orange{
    color: #f37421;
}
.text-left-sidebar{
    font-size: 14px;
    line-height: 1.42857;
    color: white;
}
.text-rose{
    color: #acadb3;
}
.text-primary{
    color: #45abd2;
}
.title, .title a, .card-title, .card-title a, .info-title, .info-title a, .footer-brand, .footer-brand a, .footer-big h5, .footer-big h5 a, .footer-big h4, .footer-big h4 a, .media .media-heading, .media .media-heading a{
    color: rgba(108,120,127);
    text-decoration: none;
    font-weight: bold;
}
.card-title-tablero {
    color: #cccccc !important;
    text-align: center;
}
.panel .panel-heading a:hover, .panel .panel-heading a:active, .panel .panel-heading a[aria-expanded="true"]{
    color: #FF671D;
}
.panel .panel-heading a{
    color: #E1E1E1;
    font-weight: bold;
}
.navbar-right {
    float: right !important;
    margin-right: -15px;
    color: #77777;
}
h1, h2, h3, h4, h5, h6 {
  color: #dddee4;
  font-family: 'GothamRounded-Bold' Gotham Rounded Bold; 
}
.navbar .navbar-nav > li > a {
    color: #77777;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
  font-family: 'GothamRounded-Book', Gotham Rounded Book;
  font-weight: 300;
  line-height: 1.5em;
}
.custom-hint {
    font-size: 13px;
    line-height: 1.07143;
    color: #cccccc;
    font-weight: 400;
    margin: 16px 0 0 0;
}

/*******************************LOGIN******************************************/

.cbx-icon {
    position: absolute;
    margin: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #cccc;
}
.form-group {
    padding-bottom: 10px;
    margin: 0px 0 0 0;
}
label.control-label {
    font-size: 13px;
    line-height: 1.07143;
    color: #cccccc;
    font-weight: 400;
    margin: 16px 0 0 0;
}
.hint-block {
    color: #cccccc;
    font-size: 14px;
    padding-left: 10px;
}
.form-group label.control-label {
    font-size: 13px;
    line-height: 1.07143;
    color: #cccccc;
    font-weight: 400;
    margin: 16px 0 0 0;
}
.select2-container--krajee .select2-selection--single .select2-selection__placeholder {
    color: #cccccc;
}
.form-group .form-control::placeholder{
    font-size:14px;
    line-height: 1.42857;
    color: #6573909e;
    font-weight: 400;
}
.form-group.has-error .form-control{
    background-image: linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853);
    background-size: 100% 2px, 100% 1px;
    transition-duration: 0.3s;
}
.form-control, .form-group .form-control{
    border: 0;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: #fff;
    transition: background 0s ease-out;
    float: none;
    border-radius: 0;
    font-weight: 400;
    font-family: 'GothamRnd-Bold bold' bold;
}
.form-group.is-focused .form-control {
  outline: none;
  background: linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853);
  background-size: 100% 2px, 100% 1px;
  box-shadow: none;
  transition-duration: 0;
}
.form-group.has-error.is-focused .form-control {
  background-image: linear-gradient(#f7867e, #c87a75), linear-gradient(#D2D2D2, #D2D2D2);
}
.login-form .form-control{
    color:#224187;
}
.color-icons-login-procure{
    color: #9d9999;
    font-size: 28px;
    padding: 6px 1px 0px;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
}
.login-center-procure {
  display: flex;
  align-items: center;
  min-height: 90vh;
}
.form-group label.control-label {
    font-size: 13px;
    line-height: 1.07143;
    color: #cccccc;
    font-weight: 400;
    margin: 16px 0 0 0;
}
.kv-editable-link:hover, .kv-editable:focus {
    color: #cccccc;
}
/*.kv-editable-link {
    color: #51a6cc;
    background: none;
    border: none;
    margin: 0;
    padding: 2px 1px;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px dashed;
}*/

/*******************Template(card, sidebar, text,  button)*********************/

.card-login-procure{
    background: #d9d9d9;
    color: rgb(181, 180, 180);
    border: 1px solid #d9d9d9;
    box-shadow: 0 8px 20px 8px rgba(9, 9, 9, 0.6);
}
.card [data-background-color="procure-blue-login"] {
    background: #323E48;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(179, 179, 179, 0.86);
    border-radius: 15px;
}
.breadcrumb{
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
    background-color: #f5f5f500;
}
.card .category:not([class*="text-"]) {
    color: #cccccc;
    font-size: 14px;
}
.navbar .dropdown-menu li a:hover, .navbar .dropdown-menu li a:focus, 
.navbar .dropdown-menu li a:active, .navbar.navbar-default .dropdown-menu li a:hover, 
.navbar.navbar-default .dropdown-menu li a:focus, .navbar.navbar-default .dropdown-menu li a:active, 
.bootstrap-table .dropdown-menu li a:hover, .bootstrap-table .dropdown-menu li a:focus, 
.bootstrap-table .dropdown-menu li a:active{
    background-color: #FF671D;
    color: #FFFFFF;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(198, 139, 44, 0.4);
}
.navbar, .navbar.navbar-default{
  background-color: #ffffff00;   
  color: #acadb3;
}
.navbar{
  border-bottom: 1px solid #ededf300;  
}
.card{
    background: linear-gradient(75deg, #2a3742 35%, #495763 70%);
    color: rgb(181, 180, 180);
    border: 2px solid #5F6971;
}
footer {
    background-color: #323E48;
}
.main-panel > .content{
  background:linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853);
}
.sidebar[data-active-color="procure-blue"] li.active > a,
.off-canvas-sidebar[data-active-color="procure-blue"] li.active > a {
  background-color: #FF671D;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(204, 141, 69, 0.44);
}
.card [data-background-color="procure-blue"] {
    background: linear-gradient(0deg, #1a4484, #14315D);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(69, 117, 204, 0.86);
}
.card [data-background-color="blue"]{
    background: linear-gradient(-90deg, #357e9a, #429ec1);;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card [data-background-color="blue-1"]{
    background: linear-gradient(10deg, #7aa3b9, #55acee);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
.card [data-background-color="blue-2"]{
    background: linear-gradient(10deg, #0045AE, #14315D);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(7, 46, 99, 0.4);
}
.card [data-background-color="orange-it"]{
    background: linear-gradient(0deg, #cc571f, #FF5722);
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card [data-background-color="success"]{
    background: linear-gradient(-90deg, #578459, #43a047);
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card [data-background-color="red"]{
    background: linear-gradient(-90deg, #d43f3a, #d9534f);
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card [data-background-color="orange"] {
    background: linear-gradient(60deg, #ffa726, #a08665);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.card [data-background-color="green"] {
    background: linear-gradient(60deg, #66bb6a, #448047);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.sidebar:before, .sidebar:after, .off-canvas-sidebar:before,
.off-canvas-sidebar:after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-color:  #323E48;
} 
.sidebar .user:after, .off-canvas-sidebar .user:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 15px;
    height: 1px;
    width: calc(100% - 30px);
    background: rgb(255, 253, 253);
}
.sidebar .logo:after, .off-canvas-sidebar .logo:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 15px;
    height: 1px;
    width: calc(100% - 30px);
    background-color: #323e48;
}
.sidebar[data-background-color="black"] .nav li i, .off-canvas-sidebar[data-background-color="black"] .nav li i {
    color: #656E76;
}
.logo-left-container-it {
    text-align: center; 
    padding: 0px !important;
    background-color: #424D57;
}
.checkbox label, .radio label, label, .label-on-left, .label-on-right{
    font-size: 14px;
    line-height: 1.42857;
    color: #fff;
}
.sidebar .nav p,
.off-canvas-sidebar .nav p {
  margin: 0;
  line-height: 30px;
  font-size: 14px;
  white-space: nowrap;
}


/*******************************Buttons****************************************/

.btn.btn-info, .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, 
.btn.btn-info.active, .btn.btn-info:active:focus, .btn.btn-info:active:hover, 
.btn.btn-info.active:focus, .btn.btn-info.active:hover, 
.open > .btn.btn-info.dropdown-toggle, .open > .btn.btn-info.dropdown-toggle:focus, 
.open > .btn.btn-info.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-info, 
.navbar .navbar-nav > li > a.btn.btn-info:hover, .navbar .navbar-nav > li > a.btn.btn-info:focus, 
.navbar .navbar-nav > li > a.btn.btn-info:active, .navbar .navbar-nav > li > a.btn.btn-info.active, 
.navbar .navbar-nav > li > a.btn.btn-info:active:focus, .navbar .navbar-nav > li > a.btn.btn-info:active:hover, 
.navbar .navbar-nav > li > a.btn.btn-info.active:focus, .navbar .navbar-nav > li > a.btn.btn-info.active:hover, 
.open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:focus, .open > 
.navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:hover{
    background: linear-gradient(145deg, rgba(111,120,127,1) 25%, rgba(88,95,99,1) 75%);
    box-shadow:0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(168, 198, 202, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
    color: #ffffff;
}
.btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, 
.btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, 
.btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .open > .btn.btn-danger.dropdown-toggle, 
.open > .btn.btn-danger.dropdown-toggle:focus, .open > .btn.btn-danger.dropdown-toggle:hover, .navbar 
.navbar-nav > li > a.btn.btn-danger, .navbar .navbar-nav > li > a.btn.btn-danger:hover, 
.navbar .navbar-nav > li > a.btn.btn-danger:focus, .navbar .navbar-nav > li > a.btn.btn-danger:active, 
.navbar .navbar-nav > li > a.btn.btn-danger.active, .navbar .navbar-nav > li > a.btn.btn-danger:active:focus, 
.navbar .navbar-nav > li > a.btn.btn-danger:active:hover, .navbar .navbar-nav > li > a.btn.btn-danger.active:focus, 
.navbar .navbar-nav > li > a.btn.btn-danger.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle, 
.open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:hover{
    background: linear-gradient(-90deg, #d43f3a, #d9534f);
    color: #ffffff;
}
.btn.btn-warning, .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, 
.btn.btn-warning.active, .btn.btn-warning:active:focus, .btn.btn-warning:active:hover, 
.btn.btn-warning.active:focus, .btn.btn-warning.active:hover, .open > .btn.btn-warning.dropdown-toggle, 
.open > .btn.btn-warning.dropdown-toggle:focus, .open > .btn.btn-warning.dropdown-toggle:hover, 
.navbar .navbar-nav > li > a.btn.btn-warning, .navbar .navbar-nav > li > a.btn.btn-warning:hover, 
.navbar .navbar-nav > li > a.btn.btn-warning:focus, .navbar .navbar-nav > li > a.btn.btn-warning:active, 
.navbar .navbar-nav > li > a.btn.btn-warning.active, .navbar .navbar-nav > li > a.btn.btn-warning:active:focus, 
.navbar .navbar-nav > li > a.btn.btn-warning:active:hover, .navbar .navbar-nav > li > a.btn.btn-warning.active:focus, 
.navbar .navbar-nav > li > a.btn.btn-warning.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle, 
.open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:hover{
    background: linear-gradient(-90deg, #af774d, #ff9800);
    color: #ffffff;
}
.btn.btn-success, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, 
.btn.btn-success.active, .btn.btn-success:active:focus, .btn.btn-success:active:hover, 
.btn.btn-success.active:focus, .btn.btn-success.active:hover, .open > .btn.btn-success.dropdown-toggle, 
.open > .btn.btn-success.dropdown-toggle:focus, .open > .btn.btn-success.dropdown-toggle:hover, 
.navbar .navbar-nav > li > a.btn.btn-success, .navbar .navbar-nav > li > a.btn.btn-success:hover, 
.navbar .navbar-nav > li > a.btn.btn-success:focus, .navbar .navbar-nav > li > a.btn.btn-success:active, 
.navbar .navbar-nav > li > a.btn.btn-success.active, .navbar .navbar-nav > li > a.btn.btn-success:active:focus,
.navbar .navbar-nav > li > a.btn.btn-success:active:hover, .navbar .navbar-nav > li > a.btn.btn-success.active:focus,
.navbar .navbar-nav > li > a.btn.btn-success.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle, 
.open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:hover{
    background-color: #439946;
    color: #FFFFFF;
}
.btn.btn-facebook, .navbar .navbar-nav > li > a.btn.btn-facebook{
    background: linear-gradient(-90deg, #BF735B, #FF671D);
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
}
.btn.btn-twitter, .navbar .navbar-nav > li > a.btn.btn-twitter{
    background: linear-gradient(-90deg, #357e9a, #429ec1);
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
}
.btn.btn-orange, .navbar .navbar-nav > li > a.btn.btn-orange{
    background: linear-gradient(-90deg, #ab634c, #FF671D);
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12);
}
.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgb(0 123 255 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 123 255 / 20%); 
}

.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover {
    background: linear-gradient(-90deg, #396798, #007bff);
    color: #FFFFFF;
}
.btn.btn-rose.active:hover, .open > .btn.btn-rose.dropdown-toggle, .open > .btn.btn-rose.dropdown-toggle:focus, .open > .btn.btn-rose.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-rose, .navbar .navbar-nav > li > a.btn.btn-rose:hover, .navbar .navbar-nav > li > a.btn.btn-rose:focus, .navbar .navbar-nav > li > a.btn.btn-rose:active, .navbar .navbar-nav > li > a.btn.btn-rose.active, .navbar .navbar-nav > li > a.btn.btn-rose:active:focus, .navbar .navbar-nav > li > a.btn.btn-rose:active:hover, .navbar .navbar-nav > li > a.btn.btn-rose.active:focus, .navbar .navbar-nav > li > a.btn.btn-rose.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle:hover {
    background: linear-gradient(145deg, rgba(111,120,127,1) 25%, rgba(88,95,99,1) 75%);
    color: #FFFFFF;
}
.btn.btn-white, .btn.btn-white:focus, .btn.btn-white:hover, .navbar .navbar-nav > li > a.btn.btn-white, .navbar .navbar-nav > li > a.btn.btn-white:focus, .navbar .navbar-nav > li > a.btn.btn-white:hover {
    background-color: #424D57;
    color: #999999;
}


/*******************************InputsForms*************************************/

.form-control, .form-group .form-control {
    background: linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853);
}
.form-control, .form-group .form-control {
    padding-right: 7px;
    padding-left: 7px;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
}
.checkbox label, .radio label, label, .label-on-left, .label-on-right{
    font-size: 14px;
    line-height: 1.42857;
    color: #888;
}
.form-group label.control-label{
    font-size: 13px;
    line-height: 1.07143;
    color: #cccccc;
    font-weight: 400;
    margin: 16px 0 0 0;
}
.form-group.is-focused .form-control {
  outline: none;
  background-image: linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853);
  background-size: 100% 2px, 100% 1px;
  box-shadow: none;
  transition-duration: 0.3s;
}
.checkbox label, .radio label, label, .label-on-left, .label-on-right{
    font-size: 14px;
    line-height: 1.42857;
    color: #888;
}
.select2-container--krajee .select2-selection--single .select2-selection__rendered{
    color: #dad7d7;
}
.select2-container--krajee .select2-selection__clear:hover {
    color: #323E48;
    opacity: 1;
}
.select2-container--krajee .select2-selection__clear {
    color: #ffffff;
    opacity: 1;
}
.select2-container--krajee .select2-selection{
    background: linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853);
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active{
    background: linear-gradient(10deg, #d45404, #ff7a2e);;
}
input, button, select, textarea{
    background: linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853);
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #acadb3;
    color: #dad7d7 !important;
    text-align: center;
}
.checkbox label, .radio label, label, .label-on-left, .label-on-right{
    font-size: 14px;
    line-height: 1.42857;
    color: #cec8c8;
}
.input-group .input-group-addon{
    color: #cccc;
    padding: 0px 15px 0px;
}
.dropdown-menu .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 4px 7px 10px -5px rgb(120, 120, 120);
    background: linear-gradient(10deg, #d45404, #ff7a2e); 
    color: #dad7d7;
}
.seleccion-cliente-titulo {
    color: white;
}
.seleccion-cliente {
    background-color: #ececec;
}
.seleccion-cliente-titulo {
    color: white;
}
.seleccion-cliente {
    background-color: #ececec;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ccc;
   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ccc;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #ccc;
}
::placeholder{
color: #ccc;
}
.placeholder{
color: #ccc;
}

/********************************Modal******************************************/

.modal-content .modal-header{ 
    background: linear-gradient(145deg, rgba(108,117,124,1) 25%, rgba(84,92,97,1) 75%);
    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
}
.text-title-modal{
    color: #fff;
    font-family: 'GothamRounded-Bold' Gotham Rounded Bold; 
    text-align: center;
}
.modal-content .modal-body {
    background: linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853);
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    background: #323E48;
}

/**************************Dialog  de   confirmación***************************/

.bootstrap-dialog.type-warning .modal-header{
    background: linear-gradient(-20deg, #FF671D, #f0ad4e);
}


/*************************NotificacionWebTexto*********************************/

.alertaMenu .dropdown-item{
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 4px 7px 10px -5px rgb(120, 120, 120);
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;    
    font-size: 1.8rem;
    margin: 1.3rem;
    display: block;
    color: #14315D;
    background-color: white;
    border-radius: 25px;
}
.dropdown-menu .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 4px 7px 10px -5px rgb(120, 120, 120);
    background-color: #FF671D; 
    color: #fff;
}


/*********************************GRIDVIEW*************************************/

.gridview-box {
    position: relative;
    border-radius: 3px;
    background: linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853);
    border-top: 3px solid #FF671D;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 3px 3px 10px rgba(255, 103, 29, 0.1);
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.gridview-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #FF671D;
    padding: 5px;
    background: linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853);
}
.gridview-titulo {
    font-family: 'GothamRounded-Bold' Gotham Rounded Bold;
    /*src: url('@app/web/fonts/GothamRnd-Bold.otf');*/
    color: #cccccc;
    margin: 10px 0px 10px 0px;
}
.pagination.pagination-danger > .active > a, .pagination.pagination-danger > .active > a:focus, 
.pagination.pagination-danger > .active > a:hover, .pagination.pagination-danger > .active > span, 
.pagination.pagination-danger > .active > span:focus, .pagination.pagination-danger > .active > span:hover{
    background-color: #ef751c;
    border-color: #da6834;
    box-shadow: 0 4px 5px 0 rgba(149, 244, 54, 0.14), 0 1px 10px 0 rgba(158, 244, 54, 0.12), 0 2px 4px -1px rgba(158, 244, 54, 0.2);
}
.table-striped > tbody > tr:nth-of-type(2n+1){
    background-color:#424d57;
}
.table-hover td.kv-group-even:hover{
    background-color: #576169 !important;
}
.procur-selected {
    color: white;
}
.table > thead > tr > td.procur-selected, .table > tbody > tr > td.procur-selected, .table > tfoot > tr > td.procur-selected, .table > thead > tr > th.procur-selected, .table > tbody > tr > th.procur-selected, .table > tfoot > tr > th.procur-selected, .table > thead > tr.procur-selected > td, .table > tbody > tr.procur-selected > td, .table > tfoot > tr.procur-selected > td, .table > thead > tr.procur-selected > th, .table > tbody > tr.procur-selected > th, .table > tfoot > tr.procur-selected > th{
    background-color: #337AB7
}
.procur-selected .kv-editable-link {
    color: white;
}
.procur-selected .kv-editable-link:hover, .kv-editable:focus {
    color: #FF671D;;
}
/*.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th{
    background-color: #424D57;
}*/
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th{
    background-color: #754747;
    color: #dad7d7;
}
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th{
    background-color: #3e5535;
    color: #dad7d7;
}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th{
    background-color: #e05e0f;
    color: #dad7d7;
}
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th{
    background-color: #323e48;
}
td.kv-group-even{
    background-color: #1D2936 !important;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th{
    background-color: #576169 !important;
    color: #dadce3;
}
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th{
    background-color: #323E48;
}
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, 
.table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr.warning > th, .table > tfoot > tr.warning > th{
    background-color: #424D57 !important;
}
td.kv-group-odd{
    background-color: #323E48 !important;
}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th{
    background-color: #323E48;
}
.table-hover td.kv-group-odd:hover{
    background-color: #576169 !important;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th{
    background-color: #576169 !important;
}
/*.table > thead > tr > th{
    background: #475057 !important;
}*/

.mapboxgl-popup-content{
    background: linear-gradient(to right bottom, #252e36, #27313a, #2a343e, #2c3742, #2f3a46, #313c48, #333e4b, #35404d, #38424e, #3a4450, #3c4651, #3f4853) !important;
}
.mapboxgl-ctrl-geocoder input[type="text"]{
    color: #cccccc;
    background:#343332 !important;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #FF5722;
    color: #ffffff !important;
    text-align: center;
}

.evento-resultados_label-respuesta {
    color: #cccccc !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.form-control {
    color: white !important;
}
.popover-header .close {
    color: #333;
}

.kv-editable-input option {
    color: #252e36;
}

.card .card-title {
    margin-top: 5px;
    color: #cccccc;
}

.rating-container .filled-stars {
    color: #eee;
 } 
.clear-rating-active:hover {
    color: #FF671D;
}
.rating-container .clear-rating {
    padding-right: 10px;
    padding-top: 5px;
}

.datepicker {
   color: #3C4858;
}