@charset "UTF-8";

/*!
 * rows.css - http://ohuirasoft.com/
 * Version - 1.2.5
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * 2018 Ohuirasoft
 * Url - ohuirasoft.com
 */



/*LOADING*/
.app-content{background: #f2f2f4;}
#welcome-loading{position:fixed;left:0;top:0;width:100%;height:100%;background:#eceff1;z-index:1000000;}
#welcome-loading img{width:150px;}
#welcome-loading>div{max-width:150px;margin:auto;top:50%;transform:translateY(-65%);text-align:center;}
#welcome-loading>div>span{width: 100%; height: 2px; background: #cfd8dc; position: absolute; left: 0; bottom: -15px;}
#welcome-loading>div>span>span{height: 2px; width: 0; background: #79909c; position: absolute; left: 0; top: 0; transition: width 3.5s ease;}
.modal-header .close{z-index: 1;width: 20px;}
.btn-app-1{background: #2c2e4d;
    color: white;
    width: 100%;
    padding: 10px 25px;
    text-transform: uppercase;
    font-family: f600!important;
    text-align: left;
    border: none;
    font-size: 18px;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
    cursor: pointer;}
.btn-app-1 i{
  position: absolute;
  color: white;
  right: 10px;
  top: 10px;
}

.btn-app-2{background: #770707;
    color: white;
    width: 100%;
    padding: 10px 25px;
    text-transform: uppercase;
    font-family: f600!important;
    text-align: left;
    border: none;
    font-size: 18px;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
    cursor: pointer;}
.btn-app-2 i{
  position: absolute;
  color: white;
  right: 10px;
  top: 10px;
}



.btn-app-cancel{background: #fff;
    color: white;
    width: 100%;
    padding: 10px 25px;
    text-transform: uppercase;
    font-family: f600!important;
    text-align: left;
    border: none;
    font-size: 18px;
    border: 1px solid #ccc;
    color: #333;
    cursor: pointer;}
.btn-app-cancel i{
  position: absolute;
  color: #333;
  right: 10px;
  top: 10px;
}

/* LOADING SCREEN */
.__loading_screen{
 background-color: #eceff1;
 height: 100%;
}
.__loading_screen>div{
  width: 160px;
  margin: auto;
  margin-top: 20%;
}
.__loading_screen img{
  width: 100%;
}
.__loading_screen .__laoder{
  width: 100%;
  height: 2px;
  background: #dadada;
  margin-top: 10px;
}
.__loading_screen .__laoder:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 2px;
  background: #2c2e4d;/* CONFIG COLOR */
  -webkit-animation: left_right 1s ease infinite;
  animation: left_right 1s ease infinite;
}

.add_header{
  position: absolute;
  top: 0!important;
  right: 0;
  padding: 11px;
}
.modal{padding: 10px;}
.modal-dialog{
  max-width: 500px;
  margin: auto;
  top: 10%;
}
.modal-title{font-family: f600!important;}
.btn-primary{
  background: #2d2d4c;
  border: 0px;
  border-radius: 0px;
  text-transform: uppercase;
  font-size: 16px;
  font-family: f600!important;
  padding: 6px 15px;
}
.sidebar-right {
    max-width: 800px;
    width: calc(100% - 15px);
}
.btn-default{
  border-radius: 0px;
  text-transform: uppercase;
  font-size: 16px;
  font-family: f600!important;
  padding: 6px 15px;
}

/* Safari */
@-webkit-keyframes left_right {
  0% { -webkit-transform: translateX(0px); }
  50% { -webkit-transform: translateX(160px); }
  100% { -webkit-transform: translateX(0px); }
}

@keyframes left_right {
  0% {transform: translateX(0px); }
  50% {transform: translateX(160px); }
  100% {transform: translateX(0px); }}
}

#splashLoading{
  background: #fff;/* COLOR BG */
  position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;}
#splashLoading .by{
  color: #222;/* COLOR TXT */
  font-size: 14px;font-family: f600!important;position: absolute;bottom: 10px;left: 0;right: 0;text-align: center;letter-spacing: 0px;margin: auto;}
#splashLoading p{
  color: #222;/* COLOR TXT */
  font-size: 30px; font-family: f600!important; letter-spacing: 0px;}
#splashLoading>.d12{display: none;height: 100vh;}
#splashLoading img{max-width: 150px;width: 95%;}
#splashLoading .loader .path{stroke: #ff0d18!important;/* COLOR STROKE */}
.navbar{background: #2d2d4c;/* COLOR BG */
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); border-color: transparent;}
#splashLoading .loader{position: absolute;margin-top: 0px;top: -40px;left: 0;right: 0;width: 250px;}
.navbar *{color: white;}
div.sidebar{    background: #32373d;}
.sidebar-left a.list-group-item{background: transparent; color: #9e9e9e; font-weight: bold; font-size: 18px;border: none;}
.sidebar-left a.list-group-item.active{background-color: #242440;}
.sidebar-left a.list-group-item:hover{background-color: #17172f!important;border-color: #17172f!important;}
.sidebar-left a.list-group-item{color:white!important;text-transform: uppercase;
  font-family: f600!important;
    color: white!important;
    padding: 15px;}
.sidebar-left a.list-group-item *{color:white!important;}
.sidebar-left a.list-group-item i{top: 5px;margin-right: 20px;}


.sidebar-right-in .sidebar-right{
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    z-index: 3;
}
.sidebar-right-in .app{margin-right: 0;}
.sidebar-right .scrollable-content{background: #f8f8f9;}
 label{text-align: left!important;font-family: f600!important;font-size: 16px!important;padding-top: 0px!important;}
form button{text-align: left!important;font-family: f600!important;background-color: #2d2d4c;width: 100%;color: white;font-size: 16px;padding:8px 18px;border: none;cursor: pointer;}
 input, 
 select, 
 textarea{
  font-size: 18px!important;padding: 8px 18px;width:100%;border:1px solid #e5e5e4;margin-top: 4px;font-family: f300!important;
  transition: box-shadow 0.3s ease;
  padding-right: 20px;}
 input:focus,
 textarea:focus,
 select:focus{
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15)
}
 select{
  -webkit-appearance:none;
  border-radius: 0px;
  background-color: white;
}

 label i{
  position: absolute;
  bottom: 18px;
  right: 20px;
  opacity: 1;
  background-color: white;
  color: #929292;
}

form .group-inputs i{bottom: 8px;}
form label.d12.group-inputs .g-input{margin-top: 0px;border-top: 0px!important;}
form label.d12.group-inputs :first-child .g-input{margin-top: 0px;border: 1px solid #e5e5e4!important;}
.sidebar-right i[ui-toggle="uiSidebarRight"]{
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
  z-index: 1;
  cursor: pointer;
}


/* CALENDAR */
.month-label{color: white; font-family: f600!important;}
.calendar-header{background-color: #2c2e4d!important;}
.calendar-actions button{
  background: white;
  border: none;
  padding: 5px 10px;
  font-family: f500!important;
  cursor: pointer;
}
.equinox{box-shadow: 3px 3px 20px rgba(0,0,0,0.3);}
.equinox .date-label{
  font-family: f600!important;
  font-size: 14px!important;
}

.equinox .event{
      background-color: #484d73!important;
      box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
      border-color: #232541!important;
      color: #fafafa!important;
}
.equinox .event .title{
  color: white!important;
}


/* TABLES */
.table{
  background-color: white;
  padding: 15px;
  box-shadow: 3px 3px 20px rgba(0,0,0,0.3);
  border-radius: 3px;
  overflow-x: auto;

}
.dataTables_filter{display: none!important;}
table{
  /*width: 100%;*/
  border-top: 1px solid #e5e5e4;
  border-bottom: 1px solid #d2d2d2!important;
  white-space: nowrap;
  border-top: 0px;
}
.table input, .table select{
  border: 1px solid #e5e5e4;
  font-size: 18px; font-family: f500!important; padding: 5px 5px 5px 10px;
}

div[ui-yield-to="search"] input{
    position: absolute;
    top: 51px;
    z-index: 1;
    border: none;
    border-bottom: 1px solid #d2d2d2;
    box-shadow: 3px 3px 20px rgba(0,0,0,0.3);
    width: 100%;
    padding: 10px;
    font-size: 18px;
    padding-left: 50px;
}
div[ui-yield-to="search"] i{
    position: absolute;
    top: 61px;
    left: 15px;
    color: #2c2e4d;
    z-index: 1;
    opacity: 0.5;
}

.p_search{
  z-index: 1;
  transform: translateY(0px);
  -webkit-animation: down 0.4s ease;
  animation: down 0.4s ease;
}
/* Safari */
@-webkit-keyframes down {
  0% { -webkit-transform: translateY(-100px);}
  100% { -webkit-transform: translateY(0px);}
}

@keyframes down {
  0% { transform: translateY(-100px); }
  100% { transform: translateY(0px); }
}


.dataTables_filter{margin-bottom: 15px;}
.dataTables_length label, .dataTables_filter label{font-size: 16px; font-family: f400!important;display: none;}
body table th, .dtr-title{font-family: f600!important;}
body table th{border-bottom: 1px solid #d2d2d2!important;}
th, td{
  text-align: left;
  font-size: 16px;
}

table tr:nth-child(odd) td{
  background-color: #f7f7f7;
}
table tr:nth-child(even) td{
  background-color: #ececec;
}
table tr:hover td{
  background-color: #e0dfdf;
}

table th:hover{background-color: #c1c1c1;}

td i{cursor: pointer;}
.doodle{
position: absolute;
right: 0;
bottom: 20px;
opacity: 0.1;
left: 0;
margin: auto;
}
.f300{font-family:f300!important;}
.f400{font-family:f400!important;}
.f500{font-family:f500!important;}
.f600{font-family:f600!important;}
 *{
  font-family:f2;
  font-weight: 400;
  position: relative;
  color: #4a4a4a;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -ms-overflow-style: none;
  letter-spacing: -0.75px;
  -webkit-overflow-scrolling:touch;
}
*:disabled{opacity: 0.8;cursor: not-allowed!important;}
.cp{cursor: pointer;}
#views{
    background: white!important;
    padding: 0!important;
    position: fixed;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    box-shadow: 0 0 8px rgba(0,0,0,0.5)!important;
    border-radius: 0!important;
}

#views>div{
    width: 100%;
    height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
    background: #ffffff;
    overflow-y: scroll;
    padding-bottom: 100px;
    padding-top: 60px;
    padding-left: 220px;
}

/*#views>div:first-child{
    width: 100%;
    height: 100vh;
    float: right;
    margin-top: 0px;
    padding: 0px;
}*/

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

input::-webkit-input-placeholder {color:#c1c1c1;}
input:focus::-webkit-input-placeholder {color:transparent;}

/* Firefox < 19 */
input:-moz-placeholder {color:#c1c1c1;}
input:focus:-moz-placeholder {color:transparent;}

/* Firefox > 19 */
input::-moz-placeholder {color:#c1c1c1;}
input:focus::-moz-placeholder {color:transparent;}

/* Internet Explorer 10 */
input:-ms-input-placeholder {color:#c1c1c1;}
input:focus:-ms-input-placeholder {color:transparent;}

body{
      background: url(../img/boxed-bg.jpg) repeat fixed;
      min-height: 100vh;
}

#toast{    position: fixed;
    background: #1c1c1c;
    z-index: 10000000000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    transition: transform 0.3s ease;
    transform: translateY(70px);
    width: 100%;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
    font-size: 22px;}

form{
  display: table;
}
label{
  font-size: 14px;
}
/*input, textarea, select{
  width: 100%;
  background: #fff;
  border: none;
  border-bottom: 2px solid #353535;
  padding: 5px;
  font-size: 16px;
  display: table-row-group; 
}*/

/*LOADER*/
._loader {
  border: 4px solid transparent;
  border-radius: 100%;
  border-top: 4px solid #ffffff;
  width: 20px;
  height: 20px;
  opacity: 1;
  -webkit-animation: spin 0.4s linear infinite;
  animation: spin 0.4s linear infinite;
  top: 7px;
  position: absolute;
  right: 15px;
  background: transparent;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.debug{border: 1px solid red;}
html, body{padding: 0;margin: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;background: #fff;overflow-x:hidden;}
*:active, *:hover, *:active, *:visited, *:focus {outline: 0;}
a{text-decoration: none;}






/*Splash screen*/
.splash{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: #fff;z-index: 100000100000;transition: opacity 0.15s ease;}
.splash span{
  max-width: 80%;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  text-align: center;
  top: 0;
  margin-top: 250px;
}
.splash img{
  max-width: 100%;
  opacity: 0;
  transform: translateY(40px);
  transition: transform, opacity, 0.3s ease; 
}
/* fonts size */
.f8{font-size: 8px!important;}
.f10{font-size: 10px!important;}
.f12{font-size: 12px!important;}
.f14{font-size: 14px!important;}
.f16{font-size: 16px!important;}
.f18{font-size: 18px!important;}
.f20{font-size: 20px!important;}
.f22{font-size: 22px!important;}
.f24{font-size: 24px!important;}
.f26{font-size: 26px!important;}
.f28{font-size: 28px!important;}
.f30{font-size: 30px!important;}
.f32{font-size: 32px!important;}
.f34{font-size: 34px!important;}
.f36{font-size: 36px!important;}
.f38{font-size: 38px!important;}
.f40{font-size: 40px!important;}

/* text colors */
.txt-red{color: red;}
.txt-blue{color: blue;}
.txt-white{color: white;}
.txt-black{color: black;}
.txt-orange{color: orange;}

.bg-white{background: white;}


/* paddings */
.p0{padding: 0px!important}
.p5{padding: 5px!important}
.p10{padding: 10px!important}
.p15{padding: 15px!important}
.p20{padding: 20px!important}
.p25{padding: 25px!important}
.p30{padding: 30px!important}
.p35{padding: 35px!important}
.p40{padding: 40px!important}
.pt0{padding-top: 0!important;}
.pr0{padding-right: 0!important;}
.pb0{padding-bottom: 0!important;}
.pl0{padding-left: 0!important;}
.pl10{padding-left: 10px!important;}
.pr10{padding-right: 10px!important;}
.pl20{padding-left: 20px!important;}
.p0v{padding-top: 0px!important;padding-bottom: 0px!important;}
.p0h{padding-left: 0px!important;padding-right: 0px!important;}
/* margins */
.m0{margin: 0px!important}
.m5{margin: 5px!important}
.m10{margin: 10px!important}
.m15{margin: 15px!important}
.m20{margin: 20px!important}
.m25{margin: 25px!important}
.m30{margin: 30px!important}
.m35{margin: 35px!important}
.m40{margin: 40px!important}
.mb-xs{margin-bottom: 5px!important;}
.mb-sm{margin-bottom: 10px!important;}
.mb-md{margin-bottom: 20px!important;}
.mr10{margin-right: 10px;}

/* overflow */
.ov{overflow: visible!important;}
.oh{overflow: hidden!important;}
.os{overflow: scroll!important;}
.osx{overflow-x: scroll!important;}
.osy{overflow-y: scroll!important;}


/* floats */
.fl{float: left!important;}
.fr{float: right!important;}
.fn{float: none;}

/* rows */
.r:after,.r:before{display:table;content:" "}
.r:after{clear:both}

/* algin texts */
.txt-center{text-align: center!important;}
.txt-left{text-align: left!important;}
.txt-right{text-align: right!important;}
.txt-justify{text-align: justify!important;}
.toe{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


/* spacers */
.br{width: 100%;height: 15px;z-index: -100;display: flex;}
.br1{width: 100%;height: 15px;z-index: -100;display: flex;}
.br2{width: 100%;height: 30px;z-index: -100;display: flex;}
.br3{width: 100%;height: 45px;z-index: -100;display: flex;}
.br4{width: 100%;height: 60px;z-index: -100;display: flex;}
.br5{width: 100%;height: 75px;z-index: -100;display: flex;}
.br6{width: 100%;height: 90px;z-index: -100;display: flex;}
.br7{width: 100%;height: 105px;z-index: -100;display: flex;}
.br8{width: 100%;height: 120px;z-index: -100;display: flex;}
.br9{width: 100%;height: 135px;z-index: -100;display: flex;}
.br10{width: 100%;height: 150px;z-index: -100;display: flex;}

/* Positions */
.pf{position: fixed!important;}
.pa{position: absolute!important;}
.pr{position: relative!important;}
.ps{position: static!important;}

/* Extras */
.boxed{max-width: 1250px;margin: auto;}
.width-100{width: 100vw!important}
.height-100{height: 100vh!important;}
.height-90{height: 90vh!important;}
.height-80{height: 80vh!important;}
.height-70{height: 70vh!important;}
.height-60{height: 60vh!important;}
.height-50{height: 50vh!important;}
.full-background{background-size: 100%!important;}
.full-background-cover{-webkit-background-size: !important;-moz-background-size: !important;-o-background-size: !important;background-size: cover!important;}
.lh25{line-height:25px;}
.code{font-family: Menlo,Monaco,Consolas,"Courier New",monospace;background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 3px;padding: 0px 10px;}
.abs-tl0{position: absolute;top: 0;left: 0;}

/* Full width and heigth : fixed */
.wh100{position: absolute;left: 0;top: 90px;width: 100%;height: 100%;background: #fff;}

.w100{width: 100%!important;}
.pull-bottom{position: absolute;bottom:0;width:100%;}
.hidden{visibility: hidden;}
.ft{font-weight: 100;}
.fb{font-weight: bold;}
.txt-vertical-center{overflow: hidden; display: table-cell; vertical-align: middle;float: none!important;}
.center{
  text-align: center!important;
  text-align: -o-center!important;
  text-align: -ms-center!important;
  text-align: -moz-center!important;
  text-align: -webkit-center!important;
}

/*

prop: value;
-o-prop: value;
-ms-prop: value;
-moz-prop: value;
-webkit-prop: value;

*/

/* columns */
.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11,.d12,
.d1-md,.d2-md,.d3-md,.d4-md,.d5-md,.d6-md,.d7-md,.d8-md,.d9-md,.d10-md,.d11-md,.d12-md,
.d1-sm,.d2-sm,.d3-sm,.d4-sm,.d5-sm,.d6-sm,.d7-sm,.d8-sm,.d9-sm,.d10-sm,.d11-sm,.d12-sm,
.d1-xs,.d2-xs,.d3-xs,.d4-xs,.d5-xs,.d6-xs,.d7-xs,.d8-xs,.d9-xs,.d10-xs,.d11-xs,.d12-xs{
  float: left;
  padding: 10px;
  transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -webkit-transition: width 0.3s ease;
  text-align: center;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*.d1 img,.d2 img,.d3 img,.d4 img,.d5 img,.d6 img,.d7 img,.d8 img,.d9 img,.d10 img,.d11 img,.d12 img{max-width: 100%;}*/
.d1{width: 8.33333333%}
.d2{width: 16.66666667%}
.d3{width: 25%}
.d4{width: 33.33333333%}
.d5{width: 41.66666667%}
.d6{width: 50%}
.d7{width: 58.33333333%}
.d8{width: 66.66666667%}
.d9{width: 75%}
.d10{width: 83.33333333%}
.d11{width: 91.66666667%}
.d12{width: 100%}
.hide{display: none;}
.hide-i{display: none!important;}
.show{display: block;}

/* Laptop */
@media (max-width: 1000px) {
  .txt-center-md{text-align: center!important;}
  .txt-left-md{text-align: center!important;}
  .txt-right-md{text-align: center!important;}
  .hidden-md{visibility: hidden;}
  .hide-md{display: none;}
  .show-md{display: block;}
}


/* Tablet */
@media (max-width: 800px) {
  .txt-center-sm{text-align: center!important;}
  .txt-left-sm{text-align: center!important;}
  .txt-right-sm{text-align: center!important;}
  .hidden-sm{visibility: hidden;}
  .hide-sm{display: none;}
  .show-sm{display: block;}
  .height-sm-100{height: 10vh!important;}

  .d1-sm{width: 8.33333333%}
  .d2-sm{width: 16.66666667%}
  .d3-sm{width: 25%}
  .d4-sm{width: 33.33333333%}
  .d5-sm{width: 41.66666667%}
  .d6-sm{width: 50%}
  .d7-sm{width: 58.33333333%}
  .d8-sm{width: 66.66666667%}
  .d9-sm{width: 75%}
  .d10-sm{width: 83.33333333%}
  .d11-sm{width: 91.66666667%}
  .d12-sm{width: 100%}

  .parent_table{padding: 0px!important;}
  .parent_table .table{border-radius: 0px!important;}
}



/* Phone */
@media (max-width: 460px) {
  .txt-center-xs{text-align: center!important;}
  .txt-left-xs{text-align: center!important;}
  .txt-right-xs{text-align: center!important;}
  .hidden-xs{visibility: hidden;}
  .hide-xs{display: none;}
  .show-xs{display: block;}

  .d1-xs{width: 8.33333333%}
  .d2-xs{width: 16.66666667%}
  .d3-xs{width: 25%}
  .d4-xs{width: 33.33333333%}
  .d5-xs{width: 41.66666667%}
  .d6-xs{width: 50%}
  .d7-xs{width: 58.33333333%}
  .d8-xs{width: 66.66666667%}
  .d9-xs{width: 75%}
  .d10-xs{width: 83.33333333%}
  .d11-xs{width: 91.66666667%}
  .d12-xs{width: 100%}
}






/* REMPLACE TEMPLATE */

/* Material Icons */
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../fonts/material.woff2) format('woff2'); } 
.icon { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }

@font-face {font-family: f300;src: url(../fonts/300-light.woff2);}
@font-face {font-family: f400;src: url(../fonts/400-regular.woff2);}
@font-face {font-family: f500;src: url(../fonts/500-medium.woff2);}
@font-face {font-family: f600;src: url(../fonts/600-bold.woff2);}
*:not(i){font-family: f400!important;}
.section{background: #f2f2f4;}

.navbar-brand span{font-family: f600!important; font-size: 26px;}
.sidebar-toggle i, .sidebar-right-toggle i{top: 12px; font-size: 29px;}


.lista-horizontal{
  overflow: auto;
  background: #f7f7f7;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  position: fixed;
  left: 0;
  z-index: 2;
}

.lista-horizontal td{
  padding: 10px;
}

.lista-horizontal td>.d12{
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  background: white;
  border-color: transparent;
  border-radius: 3px;
  padding: 10px 15px;
  font-family: f500!important;
  font-size: 16px;
}
.lista-horizontal .act{
  background: #ffeb3b!important;
}

.agregar{
 background: #ffeb3b!important;
 box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  background: white;
  border-color: transparent;
  border-radius: 3px;
  padding: 10px 15px;
  font-family: f500!important;
  font-size: 16px;
}

.card{
      box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    background: white;
    border-color: transparent;
    border-radius: 3px;
}

.card .title{
  font-family: f600!important;
  font-size: 18px;
  text-align: left;
}

.card .img-center{
  width: 100%;
  max-width: 130px;
  display: block;
  margin: auto;
}

.owl-dot{
    width: 15px;
    height: 15px;
    margin: 7px;
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.3)!important;
}
.owl-dot.active{
    background: rgba(0, 0, 0, 0.7)!important;
}

.full-bg{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.btn-option{
    padding: 10px;
}

.btn-option > div{
    cursor: pointer;
    width: 145px;
    height: 145px;
    padding: 36px;
    background: linear-gradient(#ffffff, #f1f1f1);
    border: 1px solid #eaeaeb;
    border-radius: 35px;
    display: block;
    margin: auto;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.btn-option > div:hover{background: linear-gradient(#f1f1f1, #f1f1f1);}
.btn-option > div:active{top:2px;}
.btn-option > div > img{
    width: 100%;
}

.btn-option > span{
    margin-top: 10px;
    display: block;
}