body { font-weight: 300;font-family: 'Roboto', sans-serif !important;font-size: 13px;}

input:-webkit-autofill, textarea:-webkit-autofill,
 select:-webkit-autofill{ -webkit-box-shadow: 0 0 0 30px white inset;}
 body,html{height: 100%; position: relative; background: white;}

.h-1{height: 25px;}
.h-2{height: 40px;}
.w-100{width: 100%}
.w-50{width: 50%}
.container-fluid{    padding-left: 10px;padding-right: 10px;}
.o-hidden{overflow: hidden}
.overflow-h{overflow: hidden}
.m-1{margin:10px}
.m-t-0{margin-top: 0}
.m-t-1{margin-top: 10px;}
.m-t-2{margin-top: 20px;}
.m-b-0{margin-bottom: 0!important}
.m-b-1{margin-bottom: 10px}
.m-b-2{margin-bottom: 20px}
.m-l-2{margin-left: 20px}
.m-0{margin: 0}
.p-1{padding:5px; }
.p-2{padding:10px; }
.p-0{padding: 0}
.px-1 {padding-left: 10px; padding-right: 10px}
.px-2 {padding-left: 20px; padding-right: 20px}
.mx-1{margin-left: 5px; margin-right: 5px}
.mx-auto{margin:0 auto}

.m-b-1{margin-bottom: 10px;}
.m-b-05{margin-bottom: 5px}

.d-inline-block{display: inline-block}
.d-block{display: block}
.relative{position: relative}
.absolute{position: absolute;}
.bottom-fullwidth{left: 0; right: 0; bottom:0}
.top-fullwidth{left: 0; right: 0; top:0}
.overlay-fullwidth{ left: 0; top:0;bottom:0;right:0; z-index: 20;}


.well-primary{background: #f9f9f9e8;}
.well-secondary{background: #F9523B;}
.well-third{background: #c3e1ea;}
.well-fourth{ background: #648CAC}
.well-fifth{ background: #dff0d8}
.well-sixth{ background: #3c763d}
.well-seventh{background:#f9f9f9a3}

select.form-control,select {-webkit-appearance: none;-moz-appearance: none;border-radius: 0!important;padding-right: 25px!important;background-color: #fff;background-position: right 9px center;background-image:url('../img/select-artwork.svg')!important; background-repeat:no-repeat;}
.dropdown-ui-select{    border: 1px solid #ccc;}
.dropdown-ui-select .btn-default{border:0;background:transparent}
.dropdown-ui-select  .btn-default:hover{background:transparent}

/*slick items*/
.slick-prev:before,
.slick-next:before{  font-family: 'slick';  font-size: 20px;  line-height: 1;  opacity: .75;  color: white;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.slick-prev{  left: -25px;}
[dir='rtl'] .slick-prev{  right: -25px;  left: auto;}
.slick-prev:before{  content: '←';}
[dir='rtl'] .slick-prev:before{  content: '→';}
.slick-next{  right: -25px;}
[dir='rtl'] .slick-next{right: auto;left: -25px;}
.slick-next:before{content: '→';}
[dir='rtl'] .slick-next:before{  content: '←';}

/* Dots */
.slick-dotted.slick-slider{  margin-bottom: 30px;}
.slick-dots{position: absolute;bottom: -19px;display: block;width: 100%;padding: 0;margin: 0;  list-style: none; text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 12px;height: 12px;margin: 0 10px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;     width: 8px;  height: 13px;cursor: pointer;color: transparent; border: 0;  outline: none; background: #ccc;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.slick-dots li button:hover,
.slick-dots li button:focus{  outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{  opacity: 1;}
/*.slick-dots li button:before{ font-family: 'slick';  line-height: 20px;position: absolute;  top: 0;  left: 0; width: 20px;height: 20px;  content: '.';text-align: center; opacity: .8;  color: black;-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}*/
.slick-dots li.slick-active button{background: #555;}

/* pagination custom */
.pagination-custom .active.btn-secondary{    background: #3E5260;}
.pagination-custom .btn:hover{background: #3E5260;}

/* simple slider */
.simple-data-slider .slick-arrow{opacity: 0;-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.simple-data-slider:hover .slick-arrow{opacity: 1}
.simple-data-slider .slick-arrow{position: absolute;top: 50%;border: 0;width: 20px;height: 20px;margin-top: -10px;text-align: center;line-height: 20px;z-index: 50;}
/* .simple-data-slider .fa-arrow-right{right: 0}
.simple-data-slider .fa-arrow-left{left: 0} */
.simple-data-slider .fa-arrow-right{right: 0;bottom: 0;top: auto;}
.simple-data-slider .fa-arrow-left{right: 20px;bottom: 0;top: auto;}
/* .simple-data-slider .slick-prev:before { content: "›"; } */


.carousel-control.right,.carousel-control.left{background:none; color: #444; text-shadow: none;    top: -6px;}

p{color: #58595B; font-size: 13px; line-height: 1.6}
a{color:#3E5260;}
a:hover{color: #3E5260; text-decoration:underline; cursor: pointer;}
*:focus {outline: none;}
a.link-primary{color:#3E5260; text-decoration: underline;}


.alert-info{background-color: #eaf4f9;}

/*.btn{padding: 15px 25px}*/
.text-white{color: #fff!important}
.text-primary {color: #3E5260;}
.text-secondary{color:#64CAF2}
.btn{border:none; text-decoration: none!important}
.btn-outline-primary{border:1px solid #E11A29; color: #E11A29}
.btn-outline-primary:hover{background: #E11A29; color: #fff;border:1px solid #E11A29;}

.btn-outline-secondary{border:1px solid #fff; color: #fff}
.btn-outline-secondary:hover{background: #fff; color: #444; border:1px solid #fff;}

.btn-primary{background: #3E5260; }
.btn-primary:hover{background: #2F4551; }

.btn-secondary{background: #5FBFDD; color: #fff}
.btn-secondary:hover{background: #4BB1C9; color: #fff}

.dropdown-wrapper{position: relative}
.dropdown-wrapper .wrapper-icons{    position: absolute;    z-index: 5000;background: #fff;top: 32px;
   display: none;left: 0px; padding: 6px; width: 242px; max-height: 300px;overflow-y: scroll;display: none;
   -webkit-box-shadow:0px 9px 14px -6px rgba(132, 130, 130, 0.75);
   -moz-box-shadow: 0px 9px 14px -6px rgba(132, 130, 130, 0.75);
   box-shadow:0px 9px 14px -6px rgba(132, 130, 130, 0.75)}
.dropdown-wrapper .wrapper-icons.open{display: block}
.dropdown-wrapper .wrapper-icons .btn{    border: 1px solid #ccc;width: 38px;margin-bottom: 6px;}
.dropdown-wrapper .wrapper-icons .list-inline>li{    padding-left: 3px; padding-right: 3px;}
.square{border-radius: 0px;}
.radius{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.round{-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}

/*label*/
.label-secondary {  background-color: #73CAEE;}
.breadcrumb{display: inline-block}

/*placement*/
.vertical-align-wrap {  position: absolute;  width: 100%;  height: 100%;  display: table;}
.vertical-align {  display: table-cell;}
.vertical-align--middle {vertical-align: middle;}
.aligner {  display: flex;  align-items: center;  justify-content: center;}
/*text*/
textarea{ resize: none; }
h1,h2,h3,h4,h5,h6, {font-family: 'Roboto', sans-serif !important; color: #58595B; line-height: 1.4; font-weight: 200;}
input,textarea,label{font-family: 'Roboto', sans-serif !important; border-radius: 1px!important;}

.upload-image-ui .btn{    position: relative;top: -3px;}
.upload-image-ui .form-group{margin-bottom: 0}
.datetimepicker .table td, .datetimepicker .table th{border-radius: 0;}
.datetimepicker .active.active{background:#3E5260; color:#fff}
.datetimepicker .current, .datetimepicker .current:hover, .datetimepicker .current.disabled, .datetimepicker .current.disabled:hover{background:#3E5260; color:#fff}
.input-group-addon,.datetimepicker span{border-radius: 0;}
.input-group-addon{color:#3E5260}

/* upload image custom  */
/* feature by gonzalo */
.upload-image-custom label{font-weight: bold; margin-bottom: 2px}

.form-group.rmb{margin-bottom: 0!important}
.form-control:focus {border-color: #3E5260;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.form-control-xs{max-width: 50px}
.full-height{position: relative; height: 100%;}
.weight-400{font-weight: 400;}

hr {  margin-top: 5px;  margin-bottom: 5px;  border: 0;  border-top: 1px solid #eee;}

/*form*/
body.form-bg{ background: #fff; overflow-x: hidden;}
.form-process .vertical-align-wrap{z-index: 40;}
.form-process .login{ width: 490px; margin:0 auto;margin-bottom: 100px;}
.form-process .item{ padding: 25px; margin-bottom: 10px;}
.form-process .item h5{color: #fff; margin-bottom: 20px;}
.form-process .item .form-group{margin-bottom: 25px;}
.form-process .item input{    background: #5C7E97;  border: none;  padding: 10px;}
.form-process .item input::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:    #fff;}
.form-process .item input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #fff; opacity:  1;}
.form-process .item input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #fff; opacity:  1;}
.form-process .item input:-ms-input-placeholder { /* Internet Explorer 10-11 */color:    #fff;}
.form-process .item input::-ms-input-placeholder { /* Microsoft Edge */color:    #fff;}
.form-process .login-wrapper{text-align: right;}
.form-process .item *{color:#fff}
.form-process .footer .info-list{padding: 0; text-align: right; margin:0;}
.form-process .footer .info-list li{display: inline-block; margin-top: 0; margin-left: 5px;}
.form-process .footer a,.form-process .footer p{font-size: 11px; color: #3E5260; margin-bottom: 0;     font-weight: 600;}

@media screen and (max-width:575px) {
  .form-process .login{width: 90%}
  .form-process .login-wrapper{text-align: center;margin-top: 10px;}
  .form-process .footer .info-list{text-align: left}
}


.form-process .artwork{position: absolute;left: 0; bottom: 0; right: 0; width: 100%}
.form-process .artwork img{width: 100%}
.form-process .cloud{position: absolute;}
.form-process .cloud-1{left: 10%; top: 10%}
.form-process .cloud-2{right: 30%; top: 13%}
.form-process .cloud-3{    right: 00%;  top: 17%;}
.form-process .cloud-4{left: 15%; top: 32%}

/*backend main stuff*/
body.logged-in{background: #E6E7E8; height: auto;min-height: 100%;}
main.dashboard-ui{padding-top: 10px; padding-left: 60px;}

/*navbar*/


.main-menu{background:#3E657F;position:fixed;top:0;bottom:0;height:100%;left:0;width:60px;overflow:hidden;-webkit-transition:width .05s linear;transition:width .05s linear;-webkit-transform:translateZ(0) scale(1,1);z-index:1000;}
.main-menu:hover,nav.main-menu.expanded {width:250px; overflow:visible;}
.main-menu ul{list-style-type: none; padding:0}
.main-menu ul li{overflow: hidden}
.main-menu ul li a{color: #fff; display: block}
.main-menu ul li:hover{color:#fff;background-color:#5fa2db;}
.main-menu ul li a:hover,.main-menu ul li a{text-decoration: none;}
.main-menu ul li a i{font-size: 20px;  width: 60px;  height: 31px;  text-align: center;  line-height: 31px;}
.main-menu ul li .nav-text{display: none}
.main-menu ul li .arrow{display: none;}
.main-menu:hover .nav-text,nav.main-menu.expanded .nav-text{display: inline-block;}
.main-menu:hover .arrow{display: block}

.main-menu .has-subnav{position: relative;}
.main-menu .has-subnav .arrow{ position: absolute;right: 6px;top: 9px;width: 15px;height: 15px;background: url(../img/select-menu-dropdown.svg);background-repeat: no-repeat;background-position: center center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}

.main-menu .colapsable-menu{max-height: 0;-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition-delay: .3s; /* Safari */
    transition-delay: .3s;
}

.main-menu .colapsable-menu li{margin-left: 5px;}

.main-menu .has-subnav.show-in .arrow{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.main-menu .has-subnav.show-in{color: #fff;background-color: #2f546d;}
.main-menu .has-subnav.show-in .colapsable-menu{max-height: 220px;}
.main-menu>ul.bottom {position:absolute;left:0; bottom:0; right: 0}
.main-menu ul li{overflow: hidden}



/*boxes*/
.highlight-default{background: #f4f4f478;  padding: 10px 5px;}
.highlight-primary{background: #319ab929;  padding: 10px 5px;border-left: 4px solid #337ab7;}
.highlight-secondary{background: #ecd2ac3b;  padding: 10px 5px;border-left: 4px solid #f0ad4e;}
/*.highlight-secondary:hover{background: #b6cad014;}*/
.highlight-third{background: #87c79f3b;padding: 10px 5px;border-left: 4px solid #329e4e;}
/*.highlight-third:hover{background: #b6cad014;}*/
.highlight-fourth{background: #d27d503b;  padding: 10px 5px;border-left: 4px solid #bf4236c4}
.highlight-fifth{background:#fff}
/*.highlight-fourth:hover{background: #b6cad014;}*/
/*scroll dimention*/
.scroll-150{overflow-y: scroll; height: 150px;}
.scroll-200{overflow-y: scroll; height: 200px;}
.scroll-250{overflow-y: scroll; height: 250px;}
.scroll-300{overflow-y: scroll; height: 300px;}
.scroll-350{overflow-y: scroll; height: 350px;}

/*set sizes for boxes*/
.h-300{height: 300px;}
.h-350{height: 350px;}
.h-400{height: 400px;}
.h-450{height: 450px;}

/*.box canvas{height: 100%}*/
.overflow-h{overflow: hidden}

.wrapper{padding: 5px;}
.wrapper-1{padding: 10px;}
.box{padding: 10px; background: #fff; margin-bottom: 10px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.box.dark{background: #3E657F}
.box.dark *{color:#fff}

.box:hover{-webkit-box-shadow: 0px 0px 20px 0px rgba(189,189,189,.5);
-moz-box-shadow: 0px 0px 20px 0px rgba(189,189,189,.5);
box-shadow: 0px 0px 20px 0px rgba(189,189,189,.5);}


.widget-small.box{height: 110px}
.widget-md.box{height: 190px}
.widget-regular.box{height: 250px}

.module-spacer{margin-bottom: 15px;}
/*module number left text right*/
.module-box{width: 100%; display: inline-block; margin-top: 5px;}
.mg{float: left; margin-right: 10px}
.module-box .mg.block{display: block;float: none}
.module-box .mg h1{font-size: 60px; font-weight: bold; margin-top: 0; line-height: 1}
.module-box .mg h2{font-size: 40px; font-weight: bold; margin-top: 0;line-height: 1}
.module-box .mg h3{font-size: 30px; font-weight: bold; margin-top: 0;line-height: 1}
.module-box .mg h4{font-size: 20px; font-weight: bold; margin-top: 0;line-height: 1}
.module-box ul{list-style-type: none; padding: 0}
.module-box ul li{color: #939598}
.module-box p{color: #939598; margin-bottom: 5px;}
.module-box table{margin-bottom: 0}
.module-box ul .list-square,.list-square{list-style-type: square;}

@media (max-width: 1150px) {
  .module-box .mg h2{font-size: 30px;}
  .module-box .mg{float: none}
}

.box-outline{border:1px solid #808285; padding: 8px; margin:8px;    min-height: 311px;}

.menu-horizontal{margin-bottom: 0;}
.menu-horizontal li:last-child{margin-right: 0}
.menu-horizontal li{display: inline-block; margin:0 10px}
.menu-horizontal li a{}

/*tabs*/
.nav-tabs>li>a{border-radius: 0;    background: #cccccc54;}
.nav-tabs>li>a:hover{}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border: 1px solid #808285; border-bottom: none;background:#3E5260; color: #fff}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{}

/*titles*/
.hd{margin-bottom: 10px;}
.hd h4{font-size: 17px; color:#58595B; font-weight: bold; font-size: 17px; margin:0; margin-bottom: 10px}
.hd h5{font-size: 15px; color:#58595B; font-weight: bold; font-size: 17px; margin:0; margin-bottom: 5px}

.hd h1{font-size: 35px; color:#58595B;  margin:0;}
.hd h2{font-size: 17px; color:#58595B;  margin:0;}
.hd p{font-size: 11px; color:#939598; margin-bottom: 5px;}
.hd span.line{display:block; width: 33px; height: 2px; background: #648CAC}


/*table generic*/
.table tbody tr:nth-child(odd){background: #3E52600a;}
.table tbody tr{-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.table tbody tr:hover{background: #3051693b}
.table tr.selected{    background: #3E5261!important;  color: #fff;}

/*data table override*/
.dataTables_wrapper{overflow: hidden}
/*header table*/
.dataTables_length{float: left}
.dataTables_filter{float: right; clear: right}

/*sorting*/
.sorting{background:url('../img/filter-condition.svg'); background-repeat:no-repeat; background-position: center right; cursor: pointer;}
.sorting_desc{background:url('../img/filter-condition-desc.svg'); background-repeat:no-repeat; background-position: center right; cursor: pointer;}
.sorting_asc{background:url('../img/filter-condition-asc.svg'); background-repeat:no-repeat; background-position: center right; cursor: pointer;}

.dataTables_wrapper table{margin-bottom: 10px;}
.dataTables_wrapper tfoot{padding: 2px;}
.dataTables_wrapper label{color: #333;font-weight: 300;}
.dataTables_wrapper .dataTables_filter input{border: 1px solid #ccc;  padding: 4px;  margin-left: 10px; }
th[aria-label="Actions"] {text-align: right; min-width: 141px!important; max-width: 220px!important;}

.dataTables_wrapper tr th select{padding: 2px;border: 1px solid rgb(214, 214, 214);padding-right: 20px;background: url(../img/select-artwork.svg);background-repeat: no-repeat;background-position: 94%;}
.dataTables_wrapper thead input{  font-size: 12px;  border: 1px solid #ccc;height: 24px;padding: 0 9px;}
.dataTables_length select{padding: 5px;  margin: 0 5px;  padding-right: 20px;background:url('../img/select-artwork.svg'); background-repeat:no-repeat;    background-position: 91%;}
.dataTables_info{float: left}
.dataTables_paginate{float: right; clear: right}
.dataTables_paginate a{display: inline-block; margin:0 5px;     padding: 7px 10px;color: #fff; background:#73CAEE; cursor: pointer;}
.dataTables_paginate a:hover{text-decoration: none;background: #3E5260}
.dataTables_paginate a.current{background: #3E5260; color: #fff}

.menu-actions{list-style-type: none; padding: 0;margin: 0; text-align: right;}
.menu-actions li{display: inline-block; margin:0 5px;}
.menu-actions li a{cursor: pointer;display: block;  padding: 0 2px;}
.menu-actions li a:hover{text-decoration: none;color: #3E657F}
.menu-actions li a.icon-trash{color: #D7624E}
.menu-actions li a.icon-trash:hover{color: #B51515;}

.dotted-menu-wrapper{position: relative;}
.menu-dotted{font-size: 18px;display: block;width: 30px;float: right;text-align: center;}
.dotted-menu .list-box.show-in{display: block}



/*help - asistance*/

.asistance{ -webkit-transition: width .3s ease-in-out;-moz-transition: width .3s ease-in-out;-ms-transition: width .3s ease-in-out; -o-transition: width .3s ease-in-out; transition: width .3s ease-in-out;background: #fff;    position: fixed;  width: 0;height: 100%;  right: 0;  top: 0;  z-index: 2000;}
.asistance.show-in{ width: 300px;}
.asistance .wrapper{padding: 10px; padding-top: 35px;  height: -moz-calc(100% - 35px); height: -webkit-calc(100% - 35px); height: calc(100% - 35px); overflow-y: scroll;}
.asistance .hd h4{margin-bottom: 5px;}
.asistance .close{position: absolute; left:10px; top:10px;}


/*WIDGET A*/

.widget-a{position: relative; padding: 0;background-repeat: no-repeat; background-position: center center}
.widget-a h3{margin:0; text-align: center;font-weight: bold; font-size: 21px; text-transform: uppercase;}
.widget-a h3 span{display: inline-block;     padding: 6px 11px; color: #fff; background: rgba(62,101,127,.8)}
.widget-a:hover .overlay-widget{opacity: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; background: #fff}
.widget-a .overlay-widget{position: absolute;left: 0; top: 0; right:0; bottom:0; background:rgba(255,255,255,.55); opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.widget-a .overlay-widget .wrapper{padding: 10px;}
.widget-a .overlay-widget .wrapper.scrolleable{  overflow-y: scroll;   height: calc(100% - (20px)); }
.widget-a .overlay-widget .wrapper li{display: block;    margin-bottom: 5px;}
.widget-a .overlay-widget .wrapper li a{padding: 3px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.widget-a .overlay-widget .wrapper li a:hover{text-decoration: none; background: #3E657F; color: #fff;}
.widget-a .disabled{    position: absolute;left: 0;bottom: 0;top: 0;right: 0;background: rgba(222, 222, 222, 0.5);z-index: 50;}

.icon-sms{background-image:url('../img/icons-opt/icon-sms.svg'); }
.icon-notification{background-image:url('../img/icons-opt/icon-notification.svg'); }
.icon-email{background-image:url('../img/icons-opt/icon-email.svg'); }
.icon-client{background-image:url('../img/icons-opt/icon-client.svg');}
.icon-group{background-image:url('../img/icons-opt/icon-group.svg'); }
.icon-provider{background-image:url('../img/icons-opt/icon-provider.svg');}
.icon-edit-project{background-image:url('../img/icons-opt/icon-edit-project.svg');}
.icon-project{background-image:url('../img/icons-opt/icon-project.svg'); }
.icon-project-settings{background-image:url('../img/icons-opt/icon-project-settings.svg'); }
.icon-layout{background-image:url('../img/icons-opt/icon-layout.svg'); }

.widget-b{background: #fff; position: relative;}
.widget-b .disabled{    position: absolute;  left: 0;  bottom: 0;  top: 0;  right: 0;  background: rgba(222, 222, 222, 0.5);  z-index: 50;}
.widget-b .hd h5{color: #58595B; font-size: 15px;}
.widget-b h3{color: #58595B;margin: 0;font-size: 31px;font-weight: bold;}
.widget-b .module-box{margin-top: 0}
.widget-b .overlay{position: absolute; background: #fff;left: 0; top: 0; right: 0; bottom:0; opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.widget-b ul li a{color: #58595B}
.widget-b ul li{display: block;    margin-bottom: 5px;}
.widget-b ul li a{padding: 3px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.widget-b ul li a:hover{text-decoration: none; background: #3E657F; color: #fff;}

.widget-b:hover .overlay {opacity: 1;}


/*pricing table*/
.pricing-header{position: relative;  background: #648CAC; text-align: center; padding-bottom: 10px}
.pricing-title{color: #ffffff;text-transform: uppercase;letter-spacing: 2px;font-size: 24px;text-align: center;font-weight: 700;}
.pricing-rate{    font-size: 50px;font-weight: 700;color: #ffffff;position: relative;text-align: center;}
.pricing-rate sup{font-size: 24px;position: relative;top: -30px;color: #bdc3c7;}
.pricing-rate span{    font-size: 16px;color: #bdc3c7;text-transform: uppercase;}
.pricing-rate p{font-size: 70px;font-weight: 700;color: #ffffff;position: relative;text-align: center;}
.pricing-list{padding: 20px 0 40px 0;background: #ffffff;border: 1px solid #e3e3e3;}
.pricing-list ul{    padding: 0px;display: table;margin: 0px auto;}
.pricing-list ul li{    list-style: none;border-bottom: 1px solid #EAECEB;color: #7c7d7d;font-size: 16px;line-height: 42px;}
.pricing-list ul li i {  margin-right: 12px;  color: #bdc3c7;}
.pricing-list ul li i.fa-check{color: #5cb85c}
.pricing-list ul li i.fa-times{color: #C9112B}
.pricing-list .ft{margin-top: 10px; }




/*wizzard*/
.panel-heading{padding: 0;border-radius: 0}
.panel-heading .panel-title a{display: block;   padding: 10px 15px;webkit-transition: all .3s ease-in-out;moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.panel-heading .panel-title a:hover{text-decoration: none!important; background: #3E5260; color: #fff}
.panel-heading .panel-title a[aria-expanded="true"]{background: #3E5260; color: #fff}
.panel-group .panel{border-radius: 0}

.wizz-lay-opt{     display: block;background: #f9f9f9; position: relativeborder-radius: 3px;padding: 6px;overflow: hidden;}
.wizz-lay-opt.selected .positioning{position: absolute; right: 20px; bottom:20px; display: block}
.wizz-lay-opt .positioning{display: none}
.wizz-lay-opt:hover,.wizz-lay-opt.selected{background: #3E526042; text-decoration: none}



/*tabs*/
.g-tab .tab-content>.active{border:1px solid #ccc; border-top: none}
.g-tab .nav-tabs>li.active>a,.g-tab .nav-tabs>li.active>a:hover,.g-tab .nav-tabs>li.active>a:focus{background-color: #3E5260;color: #f5f5f5; border: 1px solid #3E5260;}
.g-tab .nav>li>a:hover,.g-tab  .nav>li>a:focus{    background-color: #3E5260; color:#fff; border:1px solid #3E5260}

/*this is used on modal wizzard, but can be used in other media elements*/
.min-xs-width{min-width: 50px}
.wizard .nav-tabs {position: relative;margin: 0px auto;margin-bottom: 0;  border-bottom-color: #e0e0e0;}
.wizard > div.wizard-inner {      position: relative;}
.wizard > div.wizard-inner.three-elements ul li:first-child{margin-left: 20%}
.wizard > div.wizard-inner.three-elements .connecting-line{width: 45%;}
.wizard .connecting-line {height: 2px;background: #e0e0e0;position: absolute;width: 80%;margin: 0 auto;left: 0;right: 0;top: 38%;z-index: 1;}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {  color: #555555;  cursor: default;  border: 0;  border-bottom-color: transparent;}

.wizard span.round-tab {width: 70px;height: 70px;line-height: 65px;display: inline-block;border-radius: 100px;
    background: #fff;border: 2px solid #e0e0e0;z-index: 2;position: absolute;left: 0;text-align: center;font-size: 25px;
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.wizard span.round-tab i{color:#676767;}
.wizard li.active span.round-tab {  background: #fff;  border: 2px solid #3E5260;}
.wizard li.active span.round-tab i{  color: #3E5260;}

span.round-tab:hover {color: #333;border: 2px solid #3E5260;}
.wizard .nav-tabs > li {  width: 20%}

.wizard li:after {content: " ";position: absolute;left: 46%;opacity: 0;margin: 0 auto;bottom: 0px;border: 5px solid transparent;border-bottom-color: #3E5260;
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
}
.wizard li.active:after {  content: " ";  position: absolute;  left: 44%;  opacity: 1;  margin: 0 auto;  bottom: 0px;  border: 10px solid transparent;  border-bottom-color: #3E5260;}
.wizard .nav-tabs > li a {width: 70px;height: 70px;margin: 20px auto; margin-top: 0;border-radius: 100%;padding: 0;}
.wizard .nav-tabs > li a:hover {  background: transparent;}
.wizard .tab-pane { position: relative; padding-top: 10px;}
.wizard h3 {margin-top: 0;}
/*.wizard .nav>li.disabled>a:hover, .wizard .nav>li.disabled>a:focus{cursor: pointer;}*/
.wizard .media .media-body p{margin-top: 5px}



/*modal re-write*/
.modal-confirmation{margin-top: 100px}
.modal-content{border-radius: 0;}
.modal-super-lg{width: 1200px}
.modal-footer{background: #f1f1f15e;border:none}
.modal-header{background: #648CAC}
.modal-header p{color: #fff}
.modal-header .modal-title{color: #fff}
/* .modal-footer{text-align: inherit;} */
@media screen and (max-width:1250px) {
  .modal-super-lg{width: 1000px}
}
@media screen and (max-width:1060px) {
  .modal-super-lg{width: 900px}
}
@media screen and (max-width:950px) {
  .modal-super-lg{width: 90%}
}
@media screen and (max-width:767px) {
  .modal-super-lg{    width: 100%;}
}

/* PHONE phone-wysiwyg this should delete after it's all done! */
  /* .phone-wysiwyg{    position: relative;max-width: 276px;margin: 0 auto;} */


/* visual representation of app confing */
/* .footer-sticky{position: absolute;left: 0; right: 0;bottom:0}
.overlay{position: absolute; left: 0; right: 0; bottom:0; top:0; background: #00000061; z-index: 50}
.aside{width: 50%; position: absolute; bottom:0; top:0; right:0;}

.main-griditem{     position: absolute;height: 120px;display: block;width: 100%;top: 44%;margin-top: -30px;background-size: cover;background-position: center center;}
.main-griditem .overlay-griditem{position: absolute;    z-index: 40; left: 0;right: 0;bottom: 0;top: 0;background: #3c3c3c6e;}
.main-griditem .bring-top{z-index: 50;  position: absolute;  bottom: 10px;  left: 10px;}

.item-menu-sortable{background: #eee; padding: 5px; margin-bottom: 5px; position: relative}
.item-menu-sortable:hover{background: #eeeeeee0; cursor:pointer}
.item-menu-sortable p{margin-bottom: 0}
.item-menu-sortable ul{    position: absolute;list-style-type: none;right: 5px;top: 5px;margin: 0;padding: 0;}

.item-menu-sortable.sortable-horizontal{  display: inline-block;margin-right: 10px;padding-right: 22px;} */
/* .push-example{background: #eee;} */




[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}






/* tab vertical */
.bhoechie-tab-container{z-index: 10;margin-top: 9px;background-color: #fff;padding: 0 !important;background-clip: padding-box; opacity: 0.97;filter: alpha(opacity=97);}
.bhoechie-tab-container.list-group-item:first-child,.bhoechie-tab-container.list-group-item:last-child{border-radius: 0}
.bhoechie-tab-menu .list-group-item{    padding: 24px 15px;}
.bhoechie-tab-menu{padding-right: 0;padding-left: 0;padding-bottom: 0;}
.bhoechie-tab-menu div.list-group{  margin-bottom: 0;}
.bhoechie-tab-menu div.list-group>a{margin-bottom: 0;}
.bhoechie-tab-menu div.list-group>a .fa {color: #648CAC;}
.bhoechie-tab-menu div.list-group> p{margin-bottom: 0}
.bhoechie-tab-menu div.list-group>a:first-child{border-top-right-radius: 0;-moz-border-top-right-radius: 0;}
.bhoechie-tab-menu div.list-group>a:last-child{border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;}
.bhoechie-tab-menu div.list-group>a.active,
.bhoechie-tab-menu div.list-group>a.active p,
.bhoechie-tab-menu div.list-group>a.active .fa{background-color: #648CAC;  background-image: #648CAC;color: #ffffff;}
.bhoechie-tab-menu div.list-group>a.active:after{content: '';position: absolute;left: 100%;top: 50%;margin-top: -13px;border-left: 0;border-bottom: 13px solid transparent;border-top: 13px solid transparent;border-left: 10px solid #648CAC;}
.bhoechie-tab-content{background-color: #ffffff;padding-left: 20px;padding-top: 10px;}
.bhoechie-tab div.bhoechie-tab-content:not(.active){display: none;}



/*DEFINE COLUMN 5 ITEMS*/
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-xs-1-5 {width: 20%;float: left;}
@media (min-width: 768px) {
	.col-sm-1-5 {width: 20%;	float: left;}
}
@media (min-width: 992px) {
	.col-md-1-5 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
	.col-lg-1-5 {width: 20%;float: left;}
}
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;}
.col-xs-1-5 {width: 20%;float: left;}
.col-xs-2-5 {width: 40%;float: left;}
.col-xs-3-5 {width: 60%;float: left;}
.col-xs-4-5 {width: 80%;float: left;}
@media (min-width: 768px) {
	.col-sm-1-5 {width: 20%;float: left;}
	.col-sm-2-5 {width: 40%;float: left;}
	.col-sm-3-5 {width: 60%;float: left;}
	.col-sm-4-5 {width: 80%;float: left;}
}
@media (min-width: 992px) {
	.col-md-1-5 {width: 20%;float: left;}
	.col-md-2-5 {width: 40%;float: left;}
	.col-md-3-5 {width: 60%;float: left;}
	.col-md-4-5 {width: 80%;float: left;}
}
@media (min-width: 1200px) {
	.col-lg-1-5 {width: 20%;float: left;}
	.col-lg-2-5 {width: 40%;float: left;}
	.col-lg-3-5 {width: 60%;float: left;}
	.col-lg-4-5 {width: 80%;float: left;}
}

/*Vertical slider*/
.vertical .carousel-inner {height: 100%;}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {top: 0;}
.carousel.vertical .next {top: 400px;}
.carousel.vertical .prev {  top: -400px;}
.carousel.vertical .next.left,
.carousel.vertical .prev.right {top: 0;}

.carousel.vertical .active.left {top: -400px;}
.carousel.vertical .active.right {top: 400px;}
.carousel.vertical .item {  left: 0;}

 /*Loader*/
 .loader,#consumers_list_processing{position: absolute; z-index: 50; top:0; left: 0; right:0; bottom:0; background:rgba(0,0,0,.7)}
 .loader .spinner,#consumers_list_processing .spinner { border: 16px solid #f3f3f3; border-top: 16px solid #3498db;border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite;top: 50%; position: absolute; margin-top: -60px; margin-left: -60px; left: 50%;}

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


.upload-file-selector {  display:none!important;}
/* editor wysiwyg */
.note-editor,.note-editor .note-toolbar{background: #fff}

/* to show when dont have data in graph */
.no-data-available {position: absolute;top: 100%;right: 45%;}

#app-ui-loader{min-height: 100%; height: 100%}
/* cataldo new design */
.outline-phone{margin: 0 auto;/* max-width: 320px; */}
.outline-phone .page-inner{    height: 445px;position: absolute;overflow-x: hidden;left: 27px;top: 75px;z-index: 501;width: 254px;}
.outline-phone .page-inner.secondary-position{height: 458px;
    position: absolute;
    overflow-x: hidden;
    left: 19px;
    top: 64px;
    z-index: 501;
    width: 269px;}

.phone-cover{    height: 375px;  position: absolute; overflow-x: hidden; left: 12px; top: 60px;width: 250px;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.device-unlocked{
background: #07285e;
background: -moz-linear-gradient(-45deg, #07285e 0%, #98b6aa 100%);
background: -webkit-linear-gradient(-45deg, #07285e 0%,#98b6aa 100%);
background: linear-gradient(135deg, #07285e 0%,#98b6aa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07285e', endColorstr='#98b6aa',GradientType=1 ); }
.phone-cover.device-unlocked .screen{background:transparent}
.push-ui{    background: #0000002b;}
.phone-cover.scrolleable{overflow-y: scroll;}
.screen{right: 10px;bottom: 10px;position: absolute;left: 11px;top: 10px; background: #ffffffeb}
.screen.fullscreen{    right: 10px;bottom: 10px;position: absolute;left: 10px;top: 10px;background: #ffffffeb;}
.close-x{position: absolute;     right: 5px;top: 2px;}
.screen .footer{position: absolute;     bottom: 5px;left: 5px;right: 5px;}



/* menu new design*/
.list-menu .selected .menu-item{background: #3E657F45; border:1px solid #3E657F; color:#fff;}
.menu-item{cursor: all-scroll;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.menu-item .item-label a{cursor: ns-resize;cursor: ns-resize;cursor: ns-resize;}
.menu-item:hover {background: #3E657F;  color:#fff;transition-delay: .3s;}
.options-menu-edition{position: absolute; z-index: 500;right:0; top:9px;  opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.options-menu-edition i{font-size: 12px!important; margin-bottom: 0!important}
.menu-item:hover .options-menu-edition ,.app-nav-bar-editable li:hover .options-menu-edition{opacity: 1!important; right:7px;transition-delay: .4s;}
.menu-item:hover::before {  content: '';  position: absolute;  left: 5px;  top: 5px;  right: 5px;  bottom: 5px;  z-index: 55;  border: 1px dotted #3E657F;}


/* grid items move, and editor */
.actions-screens-grid{position: absolute; right:7px; top:9px;}
.actions-screens-grid{}
/* .ui-sortable-helper{border:1px dotted #fff!important} */
.list-item-ui{cursor: ns-resize;cursor: ns-resize;cursor: ns-resize; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.list-item-ui.selected{background: #3E657F}
.list-item-ui:hover {background: #3E657F!important;cursor: move;}
.options-menu-edition-grid{position: absolute; opacity:0; right:7px; top:9px; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.options-menu-edition-grid .btn-options i{font-size: 11px!important;color: #fff!important;margin-bottom: 0!important;}
.list-item-ui:hover .options-menu-edition-grid{opacity: 1; right:10px;transition-delay: .4s;}

.no-data-available {position: absolute;top: 100%;right: 45%;}

/* to disable action icons of lists */
.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
.cropArea {
  background: #E4E4E4;
  overflow: hidden;
  width:500px;
  height:350px;
}

.block-margin{
    display:block;
    margin-top: 10px;
}
/* .cropArea {
  background: #E4E4E4;
  overflow: hidden;
  width:500px;
  height:350px;
} */
/* upload image custom  */
/* feature by gonzalo */
.upload-image-custom label{font-weight: 300; margin-bottom: 2px; cursor: pointer;}
.upload-file-selector {  display:none!important;}


#owl-demo .item.selected,#owl-demo .item:hover{background:#d3d3d6}
#owl-demo .item{text-align: center; padding:10px}
#owl-demo .item img{ width:100%}
#owl-demo  .item a,#owl-demo  .item a:hover{text-decoration: none}


.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 22px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.subscribed {
    background-color: #97D877;
    border-radius: 20px;
    width: 300px;
    height: 50px;
    padding: 20px; 
}

.unsubscribed {
    background-color: #FDD157;
    border-radius: 20px;
    padding: 20px;
    width: 300px;
    height: 50px;
}

.main-menu {
    background: #002B49;
}
.logo_light_navbar {
    width: 60px;
    padding: 15px 8px;
}
.bmr_title_navbar {
    font-size: 14px;
    color: #ddd;
    vertical-align: sub;
}
.main-menu {
  box-shadow: 0px 0px 4px black;
  -webkit-transition: all 0 ease-out;
  -moz-transition: all 0 ease-out;
  -o-transition: all 0. ease-out;
  transition: all 0 ease-out;
}

.main-menu:hover{
  box-shadow: 0px 0px 50px black;
}

.main-menu li {
    max-height: 31px;
    margin: 6px auto;
}
span.nav-text {
    margin-left: 6px;
}
.main-menu:hover, nav.main-menu.expanded {
    width: 290px;
    overflow: visible;
}

.main-menu ul li:hover {
    background-color: #145c8e;
}
.row_no_hover:hover{
  background-color: #002B49 !important;
}

.paginate_button {
    background-color: #002B49 !important;
}
.paginate_button:hover {
    background-color: #145c8e !important;
}
.btn-primary {
    background: #002B49;
}
.btn-secondary {
    background: #145c8e;
}


.btn-primary:hover {
    background: #145c8e;
}
.btn-secondary:hover {
    background: #2e86c3;
}

th.switch.ng-binding {
    display: table-cell;
}

.modal-header {
    background: #002B49;
}
.modal-backdrop.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
    background-color: #002B49;
}
th.sorting {
    color: #002B49;
}

.btn-signin {
    color: #fff !important;
    background-color: #064b79;
    border-color: #064b79;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 20px;
}
.btn-signin:hover {
    opacity: 0.7;
}

.shadow-lg {
    box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.175) !important;
}

.p-md-5 {
    padding: 4rem !important;
}


.signin input {
    box-sizing: border-box;
    width: 100%!important;
    padding: 12px 0px 24px !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #DDD !important;
    outline: none !important;
    cursor: text !important;
    color: #002B49 !important;
    background-color: white !important;
}

.form-process .item input::-webkit-input-placeholder {
    color: #145c8e;
    font-size: 14px;
    font-weight: 400;
}

.form-process .login {
    width: 540px;

}

.signin .form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

h3 {
font-family: 'Roboto', sans-serif !important;
}
hr.light {
    border-color: #064b79;
}

hr.divider {
    max-width: 3.25rem;
    border-width: 0.3rem;
}

.mb-4, .my-4 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important;
}


body {
    color: #064b79;
    background-position: center !important;
    background-image: url(../img/bg_signin.jpg) !important;
    background-size: cover !important;
font-family: 'Roboto', sans-serif !important;
}
.card {
    background-color: white;
}

.container-fluid {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
}

.row_title {
      background-color: #002B49 !important;
      margin-left: 0;
      margin-right: 0;
}
.title {
    color: white !important;
    padding: 20px 18px;
    margin: 0;
}
.row_sub_title {
    padding-bottom: 20px;
    padding-top: 10px;
    width: 98%;
    margin: 0 auto;
}
.hd p {
    font-size: 12px;
    color: #6b6b6b;
    margin-bottom: 5px;
}
thead tr:first-child {
    background-color: #064b79;
    color: white;
}

thead tr:first-child th{
    color: white;
}
.dataTables_wrapper {
    width: 98%;
    margin: 0 auto;
}

.dataTables_paginate a {
    margin: 0 3px;
    padding: 6px;
    background: #002B49 ;
    font-size: 11px;
}
.menu-horizontal .btn {
    font-size: 14px;
}
.row_sub_title .col-sm-5 {
    padding-right: 0;
}
.row_sub_title .col-sm-7 {
    padding-left: 0;
}
.menu-actions a {
    font-size: 14px;
}

.dropdown-menu{
  padding:0;
}
.datetimepicker {
  margin-top: 0;
}

.datetimepicker .switch:hover, .datetimepicker .right:hover, .datetimepicker .left:hover{
  background-color: #064b79 !important;
 }

.datetimepicker thead tr:first-child {
    background-color: #002B49;
    color: white;
}

.datetimepicker .active:hover, .datetimepicker .active:hover:hover, .datetimepicker .active.disabled:hover, .datetimepicker .active.disabled:hover:hover, .datetimepicker .active:active, .datetimepicker .active:hover:active, .datetimepicker .active.disabled:active, .datetimepicker .active.disabled:hover:active, .datetimepicker .active.active, .datetimepicker .active:hover.active, .datetimepicker .active.disabled.active, .datetimepicker .active.disabled:hover.active, .datetimepicker .active.disabled, .datetimepicker .active:hover.disabled, .datetimepicker .active.disabled.disabled, .datetimepicker .active.disabled:hover.disabled, .datetimepicker td.active[disabled], .datetimepicker td.active:hover[disabled], .datetimepicker td.active.disabled[disabled], .datetimepicker td.active.disabled:hover[disabled], .datetimepicker span.active[disabled], .datetimepicker span.active:hover[disabled], .datetimepicker span.active.disabled[disabled], .datetimepicker span.active.disabled:hover[disabled] {
    background-color: #002B49 !important;
}

.datetimepicker {
    border-radius: 0px;
}

.table tbody tr:hover {
    background: none;
}
.datetimepicker .minute:hover, .datetimepicker .hour:hover, .datetimepicker .day:hover, .datetimepicker .switch:hover, .datetimepicker .left:hover, .datetimepicker .right:hover {
    background: #d4d4d4;
}


.box:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}







/* ////////////////////////////////// Mobile navbar /////////////////////////////////////////  */
    .mobile-nav{
      display: none;
    }
#menuToggle {
    display: block;
    position: relative;
    top: 30px;
    left: 30px;
    width: 100%;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: white;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: white;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: white;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: fixed;
height: 120%;
  width: 85%;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  padding-right: 20px;
  background: #002B49 !important;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */

.age ul {
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menuToggle input:checked ~ ul
{
  transform: none;
}

.btn_mobile_close_nav:checked ~ #menu
{
  transform: none;
}

.mobile-nav {
    height: 80px;
    background-color: #064b79;
}

#menuToggle .fa-2x {
    font-size: 1.2em;
}

/* ////////////////////////////////// Mobile navbar END /////////////////////////////////////////  */




.logo_mobile {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
        margin-top: -7px;
}



#menuToggle a:hover {
    color: white;
    opacity: 0.7;
}


.dataTables_wrapper .fa, .menu-actions .fa{
  font-size: 20px;
}

select.form-control, select {
    padding-right: 18px!important;
}

.dataTables_wrapper .table tbody tr:hover {
    background-color: rgba(8, 43, 73, 0.08);
}

#toast-container > .toast-warning:before {
    display: none;
}
.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #082b49;
    color: white;
    font-size: 16px;
}

.form_confirm_mail {
    padding-top: 14px;
}

table.row-border.table.hover.ng-scope {
    margin-top: 68px;
}

.proposal_detail_table{
  margin-top: 40px;
}


.bg_signin {
    color: #064b79;
    background-position: center !important;
    background-image: url(../img/bg_signin.jpg) !important;
    background-size: cover !important;
    height: 100%;
    width: 100%;
    position: fixed;
    font-family: 'Open Sans', sans-serif !important;
}

.signin_wrapper {
    width: 58% !important;
    margin-bottom: 0px !important;
}
img.logo_singin {
    width: 300px;
    padding-bottom: 40px; padding-top: 70px;
}
.signin_right_block, .signin_left_block {
  height: 460px;
}

.proposal_creator {
  background-color: #064b79; 
  bottom: 0; 
  width: 100%;
  position: absolute;
  height: 80px;
  text-align: center;
  vertical-align: middle;
  display: grid;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;

}
.signin_left_block {
  padding: 0 !important;
}

.shadow-lg {
    box-shadow: 0 0rem 4rem rgba(0, 0, 0, 0.6) !important;
}

.container_lock {
    text-align: center;
    margin-bottom: 60px;
    margin-top: 12px;
}
.btn_forgot {
    color: grey !important;
    margin-top: 22px;
    text-align: right;
    margin-bottom: 10px;
}

.password_tile {
  font-size: 14px !important;
  color: #0a3050 !important;
}

.name_navbar {
    vertical-align: super;
    font-size: 15px;
    font-weight: 700;
}

.form-group label {
    margin-top: 12px;
}

.modal-content {
    -webkit-box-shadow: 0 5px 28px rgba(0,0,0,0.8) !important;
    box-shadow: 0 5px 28px rgba(0,0,0,0.8) !important;
}


.blur {
   -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  pointer-events: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 9px;
    left: 4px;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    color: white;
    border: none;
    border-radius: 16px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    line-height: 18px;
    content: '+';
    background-color: #082b49;
    font-size: 16px;
    font-weight: 400;
}


table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: '-';
    background-color: #3997ca;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    margin: 4px auto;    
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.btn:hover, .btn:focus, .btn.focus {
    color: white;
}

.dashboard_box_header{
  background-color: #002B49;
}

.dashboard_box_header h3 {
    padding: 10px;
    font-size: 16px;
    color: white;
    padding-left: 14px;
    margin-bottom: 4px;
}
.dashboard_box_row .btn {
    font-size: 14px;
    padding-left: 18px;
    font-weight: 600;
    padding: 4px 10px;
    white-space: normal;
    text-align: left;

}
.dashboard_box_row .btn:hover {
    color: #082b49;
    text-decoration: underline !important;
    font-size: 14px;

}
.dashboard_box_row {
    border-bottom: 1px solid #e2e2e2;
}
.dashboard_box_row:last-child {
    border-bottom: none;
}

.shadow-sm {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4) !important;
}

.dashboard_h2 {
    font-size: 26px !important;
    font-weight: 200;
    font-family: 'Roboto', sans-serif;
    padding-right: 12px;
    padding-left: 12px;
    border-right: 1px solid #1d5c8e;
}

.dashboard_h2:last-child {

    border-right: none;
}

.dashboard_h2 span {
    font-size: 26px !important;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #082b49;
}

.dashboard_hd {
    display: inline-flex;
}

.circle-chart__circle {
  transform: rotate(-90deg);
  transform-origin: center;
}
.col-dashboard-graphs-info h3 {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0;    
}
.dashboard_graphs {
    justify-content: center;
    display: flex;
    padding-top: 20px;
}
.dashboard_graphs h4 {
    position: absolute;
    top: 70px;
    font-size: 18px;
    text-align: center;
}

.dashboard_graphs h4 b {
    font-size: 32px;
}

.dashboard_box_graphs{
  margin-bottom: 18px;
  border-bottom: none;
}


.dashboard_manage {

  font-family: 'Roboto', sans-serif !important;  
}
.dashboard_box_header h3 {
    text-align: left;
    font-weight: 400;

}

.col-dashboard-graphs-info {


}

.dashboard_box_bg {
    background-color: #1d5c8e;
    color: white;
    padding: 8px;
}

.dashboard_box_bg h3 {
    text-align: left;
    font-size: 16px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 10px;
    border-bottom: 1px solid #ffffff59;
    margin-bottom: 0;
    margin-top: 0;
}

.dashboard_box_bg h3:last-child {
    border-bottom: none;
}

.fa-chevron-right{
  margin-right: 10px;
  color: #082b49;
}

.dashboard_box_graphs h2 {
    font-size: 40px;
    text-align: center;
    margin: 4px auto;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;

}
.dashboard_box_graphs h2:first-child {
    margin-top: 20px;

}
.dashboard_box_graphs h4 {
    font-size: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    color: #484848;
    margin-bottom: 26px;    
    margin-top: 4px;    
}
.increase {
    font-weight: 700;
    color: #029800;
}
.decrease {
    font-weight: 700;
    color: #980000;
}
.fa-arrow-up {
      color: #029800;
}

.fa-arrow-down {
      color: #980000;
}






/* ////////////////////////// TABS /////////////////////////////////*/

.h3sponsor {
margin-top:20px;
padding:10px;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc
}
h3.heading-ul
{display:none;
}
#VCtabs {
  width:100%;}

input#tab2, input#tab1{
  display: none;
}
label.VCtabs {
  transition: background 0.4s ease-in-out, height 0.1s linear;
  display: inline-block;
  cursor: pointer;
  color: #082b49;
  width: 50%;
  height: auto;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #f7f8f9;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
font-family: 'Roboto', sans-serif !important;
font-weight: 400;  
font-size: 16px;
}

/*
.VCtabs label:last-of-type {
  border-bottom: none;
}
*/


@media screen and (max-width: 600px) {
  label.VCtabs {
    width: 100%;
    border: 1px solid #3cb6ee;
    display: block;
    border-radius: 0;
  }
}
@media screen and (max-width: 600px) {
  .VCtabs {
    margin: 0;
  }
}

#tab1:checked + label,
#tab2:checked + label,
#tab3:checked + label,
#tab4:checked + label {
  background: #082b49;
  color: #ffffff;
}

.tab-content {
  position: absolute;
  top: -9999px;
  padding: 10px;
}

.tab-content-wrapper {
  background: #fcfcfc;
  border-top: #082b49 3px solid;

}
@media screen and (max-width: 600px) {
  .tab-content-wrapper,
  .tab1-content-wrapper {
    border: none;
    border-radius: 0;
  }
}

#tab1:checked ~ .tab-content-wrapper #tab-content-1,
#tab2:checked ~ .tab-content-wrapper #tab-content-2,
#tab3:checked ~ .tab-content-wrapper #tab-content-3,
#tab4:checked ~ .tab-content-wrapper #tab-content-4 {
  position: relative;
  top: 0px;
}
label.VCtabs.VCtabs2 {
    float: right;
}
/* ////////////////////////// TABS  END /////////////////////////////////*/






.dashboard_progress_bar {
    width: 100% !important;
    margin-bottom: 8px !important;  
}


.progress_h3 {
    text-align: left !important;
    font-size: 16px !important;
    margin-top: 0 !important;
}

.fa-ellipsis-v {
  color: #ccc;
}

.ellipsis {
    float: right;
    position: absolute;
    right: 20px;
    margin-top: -22px;
}
.ellipsis .btn {
    padding: 4px;
    font-size: 16px;
    background-color: transparent;
}

.ellipsis .btn:hover .fa-ellipsis-v {
    color: #999;
}

.ellipsis .dropdown-menu {
    left: -86px;
    top: -6px;
    padding: 0;
    min-width: 8rem;
}
.ellipsis .dropdown-item {
    font-size: 12px;
    padding: 2px 8px;
    padding-left: 14px;
}
















    .dashboard_box_row.dashboard_box_bg {
        float: right;
    }
    .dashboard_box_row.dashboard_box_graphs{
        float: left;
    }
    .dashboard_box_row.dashboard_box_graphs, .dashboard_box_row.dashboard_box_bg {
        margin: 0;
        padding: 0 30px;
        width: 50%;
    }
    #tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label {
        background: #082b49;
        color: #ffffff;
        width: 100%;
        text-align: left;
        padding-left: 14px;
    }

    .tab-content-wrapper {
        background: #fcfcfc;
        border-top: none;
    }

    .dashboard_box_row.dashboard_box_bg h4{
        font-size: 20px;
        text-align: center;
        font-family: 'Roboto', sans-serif !important;
        margin-bottom: 26px;
        margin-top: 4px;

    }
    .dashboard_box_row.dashboard_box_bg h2 {
        font-size: 40px;
        text-align: center;
        margin: 4px auto;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 600;
    }
    .dashboard_box_bg h2:first-child {
        margin-top: 20px;
    }


    #pf1, #pf2, #pf3, #pf4, #pf5, #pf6, #pf7, #pf8,  #pf9, #pf10, #pf11,  #pf12, #pf13, #pf14, #pf15, #pf16, #pf17, .dinamic_page {
        box-shadow: 0 0 16px #00000082;
    }

    .body_view_proposal {
        -webkit-print-color-adjust:exact;
    }
    div#pf4, .dinamic_page {
        min-height: 792px;
        background-color: white;
    }

    .btn-print, .btn-download,  .btn-send_email {
        position: relative;
        display: inline-flex;
    }
    .container_buttons_viewproposal {
        position: fixed;
        top: 30px;
        right: 20px;
    }
     .container_buttons_viewproposal  i.fa {
        margin-left: 6px;
        margin-top: 2px;
    }


    div#exportthis.page-container tr:first-child {
        background: #0e233a !important;
    }

    .btn-back {
        position: fixed;
        left: 100px;
        top: 30px;
    }
    .view_proposal_title {
        color: #062642; 
        font-size: 18px; 
        font-weight: 400;
    }

.dashboard-ui .form-control[disabled], .dashboard-ui fieldset[disabled] .form-control {
    opacity: .6;
    background-image: none !important;
    background-color: #082b49;
    color: white;
}

.dashboard-ui .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 10px;
}
.menu-horizontal {
    margin-bottom: 0;
    padding-left: 10px;
    justify-content: space-between;
    display: flex;    
}

.menu-horizontal li {
    display: inline-block;
    margin: 0 10px;
    width: 100%;
    
}

.setpwd_h3 {
  color: white;
}




.menu-horizontal {
    justify-content: flex-end;
  }
.menu-horizontal li {
    width: auto;
    margin: 0 6px; 
}
.loader, #consumers_list_processing {
    position: fixed;
    z-index: 9999999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(8, 43, 73, .8);
}
.view_proposal_date_created {
    font-family: sans-serif;
    font-size: 8px !important;
    float: left;
    margin-top: 26px;
    padding-left: 20px;
}
label.btn.btn-secondary, label.btn.btn-primary  {
    margin: 0 10px;
}



























/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////////////////////////////*/
































/* //////////////////////////////////Media PRINT /////////////////////////////////////////////////////*/
@media print {
  .hidden-print {
    display: none !important;
  }
    #pf1, #pf2, #pf3, #pf4, #pf5, #pf6, #pf7, #pf8, #pf9, #pf10, #pf11,  #pf12, #pf13, #pf14, #pf15, #pf16, #pf17, .dinamic_page {
        transform: scale(1.1, 1.1);
    }
    .page-container tr:first-child {
        background: #0e233a !important;
    }
    .view_proposal_title {
        color: #062642; 
        font-size: 18px; 
        font-weight: 400;
    }
    .yesPrint{ display: block !important; }    
}
/* //////////////////////////////////Media PRINT /////////////////////////////////////////////////////*/














@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 180px auto;
    }

}










@media screen and (max-width: 1024px) {
    img.logo_singin {
        width: 240px !important ;
        padding-bottom: 40px; padding-top: 70px;
    }


}


@media screen and (max-width: 768px) {
  .signin_wrapper {
      width: 88% !important;
      margin-bottom: 0px !important;
  }
    img.logo_singin {
        width: 230px !important ;
        padding-bottom: 40px; padding-top: 80px;
    }


}



@media screen and (max-width: 767px) {
   
   .select_company{
    margin-bottom: 44px;
   }
   .btn_step1_add {
      margin-top: 12px;
      float: right;
  }
   .modal-footer {
      margin-top: 0px;
  }
  table.row-border.table.hover.ng-scope {
      margin-top: 10px;
  } 
    .main-menu {
      display: none;
    }

    .mobile-nav{
      display: block;
    }
    .nav-text {
      display: inline-block !important;
      width: 200px !important;
      background: none !important;
      font-size: 18px;
    }

    main.dashboard-ui {
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .container-fluid {
      padding-left: 2px;
      padding-right: 2px;
      padding-top: 10px;
  }
  #menu {
    width: 50%
    }


  .signin_left_block {
      height: 200px;
  }
  .vertical-align--middle {
      vertical-align: top;
  }
  .login.signin_wrapper {
      margin-top: 20px;
  }



  img.logo_singin {
    width: 166px !important;
    padding-bottom: 40px;
    padding-top: 6px;
  }


}




@media screen and (max-width: 425px) {
     

  h3, .h3 {
      font-size: 20px;
  }
  .title {
      padding: 14px 14px;
  }

  select.form-control, select {
      padding-right: 10px!important;
    }

    .row {
      margin-left: 0px;
      margin-right: 0px;
  }

  .col-sm-12{

      padding-left: 0px;
      padding-right: 0px;
  }
  .modal-dialog {
      position: relative;
      width: auto;
      margin: 10px;
      top: 5%;
  }

  label.w_date_expired.ng-binding {
      margin-top: 20px;
  }

  .datetimepicker {
      margin-top: 0;
      width: 100%;
  }
  .dropdown-menu {
      width: 100%;

    }

  .col-sm-2.w_s1_add {
      text-align: right;
      margin-top: 10px;
  }
   .modal-dialog .col-sm-10, .modal-dialog .col-sm-2 {
      padding-left: 0px;
      padding-right: 0px;  
  }

   .input-group.w_s1_date_expired {
      margin-bottom: -24px;
  } 

  body{
    padding-right: 0;
    padding-left: 0;
  }
  .required {
    float: left;
  }


  table.row-border.table.hover th{
    padding: 4px !important;
    font-size: 11px;
  }

  table.row-border.table.hover{
    font-size: 11px;
  }

  #menu {
    width: 80%
    }


  .btn {
    font-size: 13px;
  }
  table.row-border.table.hover.table_hide.ng-scope {
      margin-top: 30px;
  }
  .dataTables_paginate a {
      font-size: 10px;
  }
  .dataTables_info {
      font-size: 12px;
  } 


  .signin_left_block {
      height: 158px;
  } 
  img.logo_singin {
    width: 146px !important;
    padding-bottom: 40px;
    padding-top: 0 !important;
  } 
  .proposal_creator {
      height: 60px;
  }
}




@media screen and (max-width: 375px) {
   .btn {
    font-size: 12px;
   }

   .btn_step1_add {
      margin-top: 4px;
      float: right;
  }
  .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
      padding: 4px;
  }
  input[type="search"] {
      width: 110px;
  }  
  .dataTables_info {
      font-size: 11px;
  }
  .dataTables_paginate a {
      font-size: 9px;
      padding: 5px;
  }    
}




@media screen and (max-width: 360px) {
   .dataTables_info {
      float: left;
      margin-top: -10px;
      margin-bottom: 20px;
  } 
    #menu {
        position: fixed;
        height: 120%;
        width: 90%;
    }
  .menu-actions li {
      display: inline-block;
      margin: 0 3px;
  }
  .dataTables_wrapper .fa, .menu-actions .fa {
      font-size: 18px;
  }
  .table>thead:first-child>tr:first-child>th {
    width: 25%
  }        
}

.media-gallery-scrolleable{height: 500px; overflow-y: scroll; overflow-x: hidden}
.drop-box {background: #F8F8F8;border: 2px dashed #DDD;  text-align: center;  padding: 20px;  margin-bottom: 25px;}
.dragover {  border: 2px dashed #3E5260;}
.file-item{position: relative; height: 190px; overflow: hidden; margin-bottom:20px;}
.file-item.is-doc .square-image,.file-item.is-pdf .square-image,.file-item.is-calc .square-image{background-size: 50%; background-repeat: no-repeat}
.file-item .square-image{ background-image:url('../img/spinner.gif'); z-index: 12;background-size: cover; background-position:center center; width:100%; height: 100%; position: relative;}
.file-item .actions{position: absolute; right: 10px; top: 10px; z-index: 50; opacity: 0;-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.file-item:hover .actions{opacity: 1}

.file-item .description{position: absolute; bottom:0; right: 0; left: 0;z-index: 50; background: #e4e4e4de; padding: 5px;}
.file-item .description p{font-size: 11px; text-align: center}