/* Body and Html*/
body, html {
    padding: 0;
    margin:0;
    width: 100%;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    background-color: #fff;
}

body.dashboard {
    background-image: url("/templates/assets/img/bg-primary-large.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}

body.pages.login {
    background-image: url("/templates/assets/img/bg-orange-small.jpg");
    background-size: cover;
}

body.pages.partner {
    background-image: url("/templates/assets/img/bg-orange-small.jpg");
    background-size: contain;
    background-repeat: no-repeat;
}

.clear {
    clear: both;
}

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0; }
h1 { font-size: 40px; line-height: 46px; }
h2 { font-size: 30px; line-height: 36px; }
h3 { font-size: 22px; line-height: 28px; }
h4 { font-size: 16px; line-height: 22px; }
h5 { font-size: 14px; line-height: 24px; }
h6 { font-size: 12px; line-height: 18px; }
p { font-size: 14px; font-weight: 400; }
strong { font-weight: 600; }

/* Colors */
.color-primary {
    color: #4C94FB;
}

.color-orange {
    color: #FF981E;
}

.color-dark {
    color: #52596F;
}

.color-gray {
    color: #595F77;
}

.color-white {
    color: #fff;
}

/* Titles */
h1 {
    font-size: 34px;
    font-weight: 300;
}

h2 {
    font-size: 20px;
    font-weight: 300;
}

h3 {
    font-size: 20px;
    font-weight: 300;
}

h4 {
    font-size: 16px;
    font-weight: 300;
}

h5 {
    font-size: 14px;
    font-weight: 300;
}

h6 {
    font-size: 12px;
    font-weight: 300;
}

p {
    font-size: 12px;
    font-weight: 300;
}

strong {
    font-weight: 500;
}

/* Margin */
.no-margin {margin: 0 0 0 0;}
.no-margin-t {margin-top: 0;}
.no-margin-l {margin-left: 0;}
.no-margin-b {margin-bottom: 0;}
.no-margin-r {margin-right: 0;}

/* Margin Top */
.margin-t-5  {margin-top: 5px;}
.margin-t-10 {margin-top: 10px;}
.margin-t-15 {margin-top: 15px;}
.margin-t-20 {margin-top: 20px;}
.margin-t-25 {margin-top: 25px;}
.margin-t-30 {margin-top: 30px;}
.margin-t-35 {margin-top: 35px;}
.margin-t-40 {margin-top: 40px;}
.margin-t-45 {margin-top: 45px;}
.margin-t-50 {margin-top: 50px;}

/* Margin Left */
.margin-r-5  {margin-right: 5px;}
.margin-r-10 {margin-right: 10px;}
.margin-r-15 {margin-right: 15px;}
.margin-r-20 {margin-right: 20px;}
.margin-r-25 {margin-right: 25px;}
.margin-r-30 {margin-right: 30px;}
.margin-r-35 {margin-right: 35px;}
.margin-r-40 {margin-right: 40px;}
.margin-r-45 {margin-right: 45px;}
.margin-r-50 {margin-right: 50px;}

/* Margin Bottom */
.margin-b-5  {margin-bottom: 5px;}
.margin-b-10 {margin-bottom: 10px;}
.margin-b-15 {margin-bottom: 15px;}
.margin-b-20 {margin-bottom: 20px;}
.margin-b-25 {margin-bottom: 25px;}
.margin-b-30 {margin-bottom: 30px;}
.margin-b-35 {margin-bottom: 35px;}
.margin-b-40 {margin-bottom: 40px;}
.margin-b-45 {margin-bottom: 45px;}
.margin-b-50 {margin-bottom: 50px;}

/* Margin Left */
.margin-l-5  {margin-left: 5px;}
.margin-l-10 {margin-left: 10px;}
.margin-l-15 {margin-left: 15px;}
.margin-l-20 {margin-left: 20px;}
.margin-l-25 {margin-left: 25px;}
.margin-l-30 {margin-left: 30px;}
.margin-l-35 {margin-left: 35px;}
.margin-l-40 {margin-left: 40px;}
.margin-l-45 {margin-left: 45px;}
.margin-l-50 {margin-left: 50px;}

/* Margin */
.no-padding {padding: 0 0 0 0;}
.no-padding-t {padding-top: 0;}
.no-padding-l {padding-left: 0;}
.no-padding-b {padding-bottom: 0;}
.no-padding-r {padding-right: 0;}

/* Margin Top */
.padding-t-5  {padding-top: 5px;}
.padding-t-10 {padding-top: 10px;}
.padding-t-15 {padding-top: 15px;}
.padding-t-20 {padding-top: 20px;}
.padding-t-25 {padding-top: 25px;}
.padding-t-30 {padding-top: 30px;}
.padding-t-35 {padding-top: 35px;}
.padding-t-40 {padding-top: 40px;}
.padding-t-45 {padding-top: 45px;}
.padding-t-50 {padding-top: 50px;}

/* Margin Left */
.padding-r-5  {padding-right: 5px;}
.padding-r-10 {padding-right: 10px;}
.padding-r-15 {padding-right: 15px;}
.padding-r-20 {padding-right: 20px;}
.padding-r-25 {padding-right: 25px;}
.padding-r-30 {padding-right: 30px;}
.padding-r-35 {padding-right: 35px;}
.padding-r-40 {padding-right: 40px;}
.padding-r-45 {padding-right: 45px;}
.padding-r-50 {padding-right: 50px;}

/* Margin Bottom */
.padding-b-5  {padding-bottom: 5px;}
.padding-b-10 {padding-bottom: 10px;}
.padding-b-15 {padding-bottom: 15px;}
.padding-b-20 {padding-bottom: 20px;}
.padding-b-25 {padding-bottom: 25px;}
.padding-b-30 {padding-bottom: 30px;}
.padding-b-35 {padding-bottom: 35px;}
.padding-b-40 {padding-bottom: 40px;}
.padding-b-45 {padding-bottom: 45px;}
.padding-b-50 {padding-bottom: 50px;}

/* Margin Left */
.padding-l-5  {padding-left: 5px;}
.padding-l-10 {padding-left: 10px;}
.padding-l-15 {padding-left: 15px;}
.padding-l-20 {padding-left: 20px;}
.padding-l-25 {padding-left: 25px;}
.padding-l-30 {padding-left: 30px;}
.padding-l-35 {padding-left: 35px;}
.padding-l-40 {padding-left: 40px;}
.padding-l-45 {padding-left: 45px;}
.padding-l-50 {padding-left: 50px;}

/* Cols */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    padding-right: 5px;
    padding-left: 5px;
}

/* Btns */
.btn {
    padding: 10px 30px;
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 400;
    border-radius: 60px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
}

.btn.size-lg {
    padding: 15px 40px;
}

.btn.size-sm {
    padding: 10px 26px;
    font-size: 10px;
    font-weight: 600;
}


/* Btn Primary */
.btn-primary {
    color: #fff;
    background: linear-gradient(180deg, #FFB931 0%, #FF961B 100%);
    border-radius: 10px;
    border: none;
    font-weight: 600;
    outline: none;
    cursor: pointer;
    /* box-shadow: 0px 5px 20px rgba(138, 107, 255, 0.3); */
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.btn-primary:focus:active, .btn-primary.active {
    color: #fff;
    /* border: 1px solid #8a6bff; */
    outline: none;
    background: linear-gradient(180deg, #333 0%, #333 100%);
    box-shadow: none;
}

/* Btn Primary */
.btn-white {
    color: #52596F;
    /* background: linear-gradient(to right, #557ddd , #a255e1); */
    border: 1px solid #ccc;
    background-color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 12px;
    width: auto;
    display: inline-block;
    outline: none;
    padding: 10px 20px;
    cursor: pointer;
    box-shadow: 0px 5px 20px rgba(138, 107, 255, 0.2);
}

.btn-white:hover, .btn-white:active, .btn-white:focus,
.btn-white:focus:active, .btn-white.active {
    color: #fff;
    /* border: 1px solid #8a6bff; */
    outline: none;
    background-color: #FF981E;
    box-shadow: none;
}

/* Btn Primary */
.btn-orange {
    color: #fff;
    /* background: linear-gradient(to right, #557ddd , #a255e1); */
    border: 1px solid #e68e24;
    background-color: #FF981E;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 12px;
    width: auto;
    display: inline-block;
    outline: none;
    padding: 10px 20px;
    cursor: pointer;
    box-shadow: 0px 5px 20px rgba(138, 107, 255, 0.2);
}

.btn-orange:hover, .btn-orange:active, .btn-orange:focus,
.btn-orange:focus:active, .btn-orange.active {
    color: #fff;
    /* border: 1px solid #8a6bff; */
    outline: none;
    background-color: #aa6816;
    box-shadow: none;
}

/* Btn Blue */
.btn-blue {
    color: #fff;
    background: linear-gradient(180deg, #3F8EFF 0%, #326BFF 100%), #636778;
    border-radius: 10px;
    border: none;
    font-weight: 600;
    outline: none;
    cursor: pointer;
    /* box-shadow: 0px 5px 20px rgba(138, 107, 255, 0.3); */
}

.btn-blue:hover, .btn-blue:active, .btn-blue:focus,
.btn-blue:focus:active, .btn-blue.active {
    color: #fff;
    /* border: 1px solid #8a6bff; */
    outline: none;
    background: linear-gradient(180deg, #333 0%, #333 100%);
    box-shadow: none;
}


/* Links */
.link-default {
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.link-default:hover, .link-default:active, .link-default:focus,
.link-default:focus:active, .link-default.active {
    text-decoration: none; opacity: .6;
}

/* Link primary */
.link-primary {
    outline: none;
    color: #333;
    font-size: 12px !important;
    padding: 10px 0px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.link-primary:hover, .link-primary:active, .link-primary:focus,
.link-primary:focus:active, .link-primary.active {
    color: #FF981E;
}


/* Datepicker */
.box-datepicker {
    display: none;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: -10px;
    right: 0px;
    width: 270px;
    top: -160px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 50px rgba(0,0,0,.15);
    z-index: 1;
    padding: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
}

.box-datepicker1 {
    display: none;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: -10px;
    right: 0px;
    width: 270px;
    top: -160px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 50px rgba(0,0,0,.15);
    z-index: 1;
    padding: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
}

.box-datepicker.display {
    display: block;
}
.box-datepicker1.display {
    display: block;
}

.box-datepicker.active {
    left: 60px;
    top: -210px;
    opacity: 1;
}
.box-datepicker1.active {
    left: 60px;
    top: -210px;
    opacity: 1;
}

.box-datepicker .datepicker {
    margin: 0 auto;
}
.box-datepicker1 .datepicker {
    margin: 0 auto;
}

.datepicker.datepicker-inline td,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
    font-size: 12px;
}

.box-datepicker .datepicker table tr td.active.active,
.box-datepicker .datepicker table tr td.active.highlighted.active,
.box-datepicker .datepicker table tr td.active.highlighted:active,
.box-datepicker .datepicker table tr td.active:active,
.box-datepicker .datepicker table tr td span.active.active {
    color: #fff;
    background-color: #a3d30c;
    border-color: #a3d30c;
}
.box-datepicker1 .datepicker table tr td.active.active,
.box-datepicker1 .datepicker table tr td.active.highlighted.active,
.box-datepicker1 .datepicker table tr td.active.highlighted:active,
.box-datepicker1 .datepicker table tr td.active:active,
.box-datepicker1 .datepicker table tr td span.active.active {
    color: #fff;
    background-color: #a3d30c;
    border-color: #a3d30c;
}

/* Form */
.form-control[type="text"], .form-control[type="email"],
.form-control[type="password"], select.form-control {
    font-size: 12px;
    font-family: Montserrat;
    font-weight: 600;
    padding: 5px 10px;
    height: 32px !important;
    border: none;
    box-shadow: none;
    width: 100%;
    border: 1px solid rgb(176, 177, 185);
    border-radius: 8px;
    outline: none;
    color: #424242;
    /*background-color: #fbfbfb;*/
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.form-control[type="text"]::-webkit-input-placeholder,
.form-control[type="email"]::-webkit-input-placeholder,
.form-control[type="password"]::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder {
  color: #ccc;
}

.form-control[type="text"]::-moz-placeholder,
.form-control[type="email"]::-moz-placeholder,
.form-control[type="password"]::-moz-placeholder,
select.form-control::-moz-placeholder {
  color: #ccc;
}

.form-control[type="text"]:-ms-input-placeholder,
.form-control[type="email"]:-ms-input-placeholder,
.form-control[type="password"]:-ms-input-placeholder,
select.form-control:-ms-input-placeholder {
  color: #ccc;
}

.form-control[type="text"]:-moz-placeholder,
.form-control[type="email"]:-moz-placeholder,
.form-control[type="password"]:-moz-placeholder,
select.form-control:-moz-placeholder {
  color: #ccc;
}

.form-control[type="text"]:hover, .form-control[type="text"]:active,
.form-control[type="text"]:focus, .form-control[type="text"]:focus:active,
.form-control[type="email"]:hover, .form-control[type="email"]:active,
.form-control[type="email"]:focus, .form-control[type="email"]:focus:active,
.form-control[type="password"]:hover, .form-control[type="password"]:active,
.form-control[type="password"]:focus, .form-control[type="password"]:focus:active,
select.form-control:hover, select.form-control:active,
select.form-control:focus, select.form-control:focus:active {
    outline: none;
    /*box-shadow: 0px 0px 20px rgba(0,0,0,.1);*/
    /*transform: scale(1.1);*/
    border: 1px solid #FF981E;
}

.form-group {
    position: relative;
}

.form-group label {
    position: absolute;
    top: -8px;
    left: 10px;
    padding: 0px 10px;
    background-color: #fff;
    font-size: 12px;
}

.form-group:hover label, .form-group:focus label, .form-group:active label,
.form-control:hover label, .form-control:focus label, .form-control:active label {
    color: #FF981E;
}

/* Menu button Mobile */
.btn-menu-mobile {
    color: #8a90a0;
    font-size: 40px;
    line-height: 0px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-menu-mobile:hover {
    color: #00b5ed;
}

.btn-close-mobile {
    position: absolute;
    right: 30px;
    top: 50px;
    color: #767a82;
    font-size: 40px;
    line-height: 0px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-close-mobile:hover {
    color: #d6ad6b;
}

.box-menu-mobile {
    position: fixed;
    right: -350px;
    top: 0px;
    width: 260px;
    height: 100%;
    background-color: #383838;
    z-index: 999;
    /* box-shadow: -20px 0px 100px rgb(34, 37, 45); */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.box-menu-mobile.active {
    right: 0px;
}

.box-menu-mobile .box-itens {
    list-style-type: none;
    text-align: right;
    position: absolute;
    right: 30px;
    top: 130px;
}

.box-menu-mobile .box-itens .item-menu-mobile {
    display: block;
    font-size: 14px;
    color: #abaeb8;
    font-weight: 400;
    margin-bottom: 15px;
    text-decoration: none;
}

/* Header */

header {
    padding-top: 10px;
}

header .header-logo {
    float: left;
}

header li a {
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header li a:hover {
    color: #FF981E;
}

/*Footer*/
footer {
    background-color: #fff;
}

/* box content */
.box-content {
    background-color: #fff;
    border: 1px solid #DEE0E9;
    box-shadow: 0px 10px 20px rgba(52, 55, 67, 0.1);
    border-radius: 10px;
    padding: 20px;
}

/* box recado */
.box-recado {
    position: relative;
    padding-left: 45px;
}

.box-recado img {
    position: absolute;
    left: 5px;
    top: 10px;
}

/* box compromisso */
.box-compromisso {
    position: relative;
    padding-left: 55px;
}

.box-compromisso .day {
    position: absolute;
    left: 4px;
    top: -8px;
    font-size: 22px;
}

.box-compromisso .month {
    position: absolute;
    left: 5px;
    top: 20px;
}

/* Size Devices */

/* max */
@media (max-width: 1920px) {

    .hidden-mobile {
        display: none;
    }

    .visible-lg {
        display: block;
    }

}

@media (max-width: 1199px) {

    .hidden-mobile {
        display: none;
    }

    .visible-lg {
        display: block;
    }

}


@media (max-width: 991px) {

    .hidden-mobile {
        display: none;
    }

    .visible-md {
        display: block;
    }

}

@media (max-width: 767px) {

    .title-h1 {
        font-size: 28px !important;
        line-height: 34px;
        text-align: left;
    }

    .title-h2 {
        font-size: 20px !important;
        text-align: left;
    }

    .title-h3 {
        font-size: 16px !important;
        text-align: left;
    }

    .title-h4 {
        font-size: 16px !important;
        text-align: left;
    }

    .text-p {
        text-align: left;
        /* padding-left: 10px; */
        /* padding-right: 10px; */
    }

    .text-center {
        text-align: left !important;
    }

    .link-primary {
        display: block;
        margin: 0 auto;
    }

    .hidden-mobile {
        display: none;
    }

    .visible-xs {
        display: block;
    }

    .disable-select {
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
    }

}