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

* {
    margin: 0px;
    padding: 0px;
}

div {
    margin: 0px;
    padding: 0px;
}

body {
    padding:0px;
    margin:0px;
    width: 100%;
    height: 100%;
    letter-spacing: 0px;
    text-align: inherit;
    visibility: inherit;
}

a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #676e83;
    text-decoration: none;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
a:hover, a:focus, a:active {
    text-decoration: none;
    color: #041f41;
}

img.img--responsive {
    width: 100%;
}

.logotipo-adjustment {
    height: 35px;
    margin-top: 6px;
}


.input-group-addon {
    background: #ebeff4;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #676e83;
    font-size: 14px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.input-group-addon:hover, .input-group-addon:focus, .input-group-addon:active {
    background: url("../img/btn-primary-background-normal.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.btn-default-summer {
    background: #ffffff;
    border: 1px solid #0b182f;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    color: #0b182f;
    font-size: 14px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.btn-default-summer:hover, .btn-default-summer:focus, .btn-default-summer:active {
    background: #0b182f;
    border: 1px solid #0b182f;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
}

.btn-default {
    background: #ffffff;
    border: 1px solid #0b182f;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    color: #0b182f;
    font-size: 14px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    background: #0b182f;
    border: 1px solid #0b182f;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
}

.btn-default-responsive {
    margin-top: 5px;
    margin-left: 10px;
    background: #ffffff;
    border: 1px solid #dddddd;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.btn-default-responsive:hover, .btn-default-responsive:focus, .btn-default-responsive:active {
    background: #0b182f;
    border: 1px solid #dddddd;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
}

.btn-primary {
    background: -webkit-gradient(linear, left top, right top, from(#0342be), to(#0342be));
    background: linear-gradient(to right, #0342be, #0342be);
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #031f41;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
}

.btn-primary0p {
    background: -webkit-gradient(linear, left top, right top, from(#990000), to(#990000));
    background: linear-gradient(to right, #990000, #990000);
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
}
.btn-primary0p:hover, .btn-primary0p:focus, .btn-primary0p:active {
    background: #031f41;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
}


.btn-primarydate {
    background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff));
    background: linear-gradient(to right, #031f41, #011e42);
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
}
.btn-primarydate:hover, .btn-primarydate:focus, .btn-primarydate:active {
    background: #031f41;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
}

.btn-primarydateblack {
    background: -webkit-gradient(linear, left top, right top, from(#0b182f), to(#13233e));
    background: linear-gradient(to right, #0b182f, #13233e);
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
}
.btn-primarydateblack:hover, .btn-primarydateblack:focus, .btn-primarydateblack:active {
    background: #0b182f;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
}

.btn-primary-inverse {
    background: transparent;
    border: 1px solid #041f41;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #041f41;
    font-size: 14px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.btn-primary-inverse:hover, .btn-primary-inverse:focus, .btn-primary-inverse:active {
    background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff));
    background: linear-gradient(to right, #031f41, #011e42);
    overflow: hidden;
    border: 1px solid #ff4d0c;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
}


h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    color: #000000;
    margin: 0px;
    margin-bottom: 15px;
}

h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 6px;
    text-transform: uppercase;
}

h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
    margin: 0px;
    margin-bottom: 5px;
    margin-top: 30px;
    text-transform: uppercase;
}

h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #444444;
    margin: 0px;
    margin-bottom: 15px;
    text-transform: uppercase;
}


@media (min-width: 768px) {
    .body_admin_background {
        background: #0342be;
        padding-top: 5%;
    }
}
@media (max-width: 767px) {
    .body_admin_background {
        background: #1d2d4a;
        padding-top: 12%;
    }
}

img.golem_login_logotipo {
    width: 80%;
    height: auto;
    margin: auto;
}

.login_panel_container {
    width: auto;
    max-width: 800px;
    /*min-width: 400px;*/
    height: auto;
    background: transparent;
    margin: auto;
    padding: 20px;
}

@media (min-width: 768px) {
    .login_panel_left {
        width: 50%;
        max-width: 400px;
        height: 500px;
        padding: 30px;
        display: inline-block;
        overflow: hidden;
        float: left;
        background: url("../../image/cliente/login_doctor_escribiendo.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .login_panel_left {
        width: 90%;
        max-width: 400px;
        height: 500px;
        padding: 30px;
        display: none;
        overflow: hidden;
        float: left;
        background: url("../../image/cliente/login_doctor_escribiendo.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        text-align: center;
    }
}


@media (min-width: 768px) {
    .login_panel_right {
        width: 50%;
        max-width: 400px;
        height: 500px;
        padding: 30px;
        padding-top: 50px;
        display: inline-block;
        overflow: hidden;
        background: #ffffff;
        text-align: center;
    }    
}
@media (max-width: 767px) {
    .login_panel_right {
        width: 100%;
        max-width: 400px;
        height: 500px;
        padding: 30px;
        padding-top: 50px;
        display: block;
        overflow: hidden;
        background: #ffffff;
        text-align: center;
        margin: auto;
    }    
}

@media (min-width: 768px) {
    .login_panel_right_registro {
        width: 100%;
        max-width: 800px;
        height: auto;
        padding: 30px;
        padding-top: 50px;
        display: inline-block;
        overflow: hidden;
        background: #ffffff;
        text-align: center;
    }    
}
@media (max-width: 767px) {
    .login_panel_right_registro {
        width: 100%;
        max-width: 400px;
        height: auto;
        padding: 30px;
        padding-top: 50px;
        display: block;
        overflow: hidden;
        background: #ffffff;
        text-align: center;
        margin: auto;
        border-radius: 10px;
    }    
}

img.login_panel_right_logotipo_client {
    width: 60%;
    height: auto;
    margin: auto;
}

img.login_panel_right_logotipo_golem_login {
    width: 60%;
    height: auto;
    margin: auto;
}



input, textarea {
    border: none;
    box-shadow: none;
}

.form-control {
    width: 100%;
    height: 40px;
    border: none;
    margin-bottom: 10px;
    border-radius: 0px;
    background: #f6f8fb;
    box-shadow: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #15161b;
}

.form-control2 {
    width: 100%;
    height: 30px;
    border: none;
    margin-bottom: 10px;
    border-radius: 0px;
    background: #f6f8fb;
    box-shadow: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #15161b;
}

.form-control-transparent{
    width: 100%;
    height: 30px;
    border: none;
    margin-bottom: 10px;
    border-radius: 0px;
    background-color:transparent;
    box-shadow: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #15161b;
}

h2.login_panel_left_title {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #0b182f;
    margin: 0px;
    margin-bottom: 20px;
    text-transform: none;
}

h6.login_panel_right_title {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #0b182f;
    margin: 0px;
    margin-bottom: 20px;
    text-transform: none;
} 

.dropdown-menu {
    min-width: 220px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
    padding-bottom: 10px;
} 

.dropdown-header {
    display: block;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #0b182f;
}

.dropdown-menu .divider {
    height: 1px;
    margin-top: 20px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #eee;
}

.dropdown-menu .divider_2 {
    height: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #eee;
}

.span_dropdown_link {
    color: #676e83;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    text-decoration: none;
}

span.badge_notify {
    background: #041f41;
    color: #ffffff;
    font-size: 14px;
    width: auto;
    height: auto;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 100%;
    margin: 0px;
    text-align: center;
}


body.admin_body_background {
    background-color: #f2edf3;
}

.admin_sidebar_left {
    width: 100%;
    max-width: 260px;
    height: 100%;
    padding: 0px;
    position: fixed;
    overflow-x: hidden;
    float: left;
    background: #ffffff;
    z-index: 1000;
}

.admin_sidebar_left_header {
    width: 100%;
    height: 110px;
    padding:20px;
    background: #006933;
    margin: auto;
    text-align: center;
}
.admin_sidebar_left_header_client_logotipo {
    height: 100%;
    width: auto;
    margin: auto;
}


.admin_sidebar_left_header_user_info {
    width: 100%;
    height: auto;
    padding:20px;
    margin: auto;
    margin-bottom: 10px;
    background: #ffffff;
    border-bottom: 1px solid #eee;
}
img.admin_sidebar_left_header_user_info_profile_img {
    width: 100%;
    height: auto;
    border-radius: 100%;
    margin: 0px;
}
h2.admin_sidebar_left_header_user_info_title {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #0b182f;
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 8px;
    text-transform: none;
}
p.admin_sidebar_left_header_user_info_text {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #676e83;
    margin: 0px;
    text-transform: none;
}


.admin_sidebar_left_button {
    width: 100%;
    padding:20px;
    padding-top:10px;
    padding-bottom: 10px;
    height: auto;
    background: #ffffff;
    border-radius: 0px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #676e83;
    margin:0px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.admin_sidebar_left_button:hover {
    color: #0b182f;
    padding-left: 25px;
}

.admin_sidebar_left_button:active, .admin_sidebar_left_button:focus {
    color: #041f41;
    padding-left: 20px;
    font-weight: 500;
}

.admin_sidebar_left_button_active {
    width: 100%;
    padding:20px;
    padding-top:10px;
    padding-bottom: 10px;
    height: auto;
    background: #ffffff;
    border-radius: 0px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #041f41;
    margin:0px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.admin_sidebar_left_button_active:hover, .admin_sidebar_left_button_active:active, .admin_sidebar_left_button_active:focus {
    color: #041f41;
}

.admin_sidebar_left_button_drop {
    width: 100%;
    padding:20px;
    padding-top:10px;
    padding-bottom: 10px;
    height: auto;
    background: #ffffff;
    border-radius: 0px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #9aa0b0;
    margin:0px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.admin_sidebar_left_button_drop:hover, .admin_sidebar_left_button_drop:active, .admin_sidebar_left_button_drop:focus {
    color: #0b182f;
    padding-left: 25px;
}

.admin_sidebar_left_button_drop_sub {
    width: 100%;
    padding:20px;
    padding-top:10px;
    padding-bottom: 10px;
    height: auto;
    background: #ffffff;
    border-radius: 0px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #9aa0b0;
    margin:0px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.admin_sidebar_left_button_drop_sub:hover, .admin_sidebar_left_button_drop_sub:active, .admin_sidebar_left_button_drop_sub:focus {
    color: #0b182f;
    padding-left: 25px;
}

.admin_sidebar_left_button_drop_active {
    width: 100%;
    padding:20px;
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 25px;
    height: auto;
    background: #ffffff;
    border-radius: 0px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #0b182f;
    margin:0px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.admin_sidebar_left_button_drop_active:hover, .admin_sidebar_left_button_drop_active:focus, .admin_sidebar_left_button_drop_active:active {
    width: 100%;
    padding:20px;
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 25px;
    height: auto;
    background: #ffffff;
    border-radius: 0px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #0b182f;
    margin:0px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}


.admin_sidebar_left_button_alignLeft {
    text-align: left;
}
.admin_sidebar_left_button_alignRight {
    text-align: right;
}



.navbar-default {
    background: #ffffff;
    border: none;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav li a {
    color: #676e83;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.menu_icon {
    font-size: 18px;
}

img.icn_bell {
    height: 20px;
    width: auto;
    margin: auto;
}
img.icn_life-ring {
    height: 20px;
    width: auto;
    margin: auto;
}
img.icn_sign-out {
    height: 18px;
    width: auto;
    margin: auto;
}



.badge1 {
   position:relative;
}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:8px;
   right:8px;
   font-size:9px;
   line-height:9px;
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   background:#041f41;
   color: #ffffff;
   width:auto;
   height:auto;
   text-align:center;
   border-radius:50%;
   box-shadow: none;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 6px;
   padding-right: 6px;
}




@media (max-width: 768px) {
.admin_right_general_container {
    width: 100%;
    height: auto;
    background: transparent;
    margin: auto;
    /*padding-left: 270px;*/
    padding-top: 30px;
    padding-bottom: 30px;
}
}

@media (min-width: 768px) {
.admin_right_general_container {
    width: 100%;
    height: auto;
    background: transparent;
    margin: auto;
    padding-left: 270px;
    padding-top: 30px;
    padding-bottom: 30px;
}
}

.admin_right_icon_container {
    width: 40px;
    height: 40px;
    padding-top: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#a70000), to(#a70000));
    background: linear-gradient(to right, #a70000, #a70000);
    text-align: center;
    border-radius: 6px;
    margin: 0px;
    font-size: 14px;
    color: #ffffff;
}

.admin_right_general_title_container {
    margin-bottom: 5px;
}

h1.admin_right_page_title {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 16px;
    color: #0b182f;
    margin: 0px;
    text-transform: none;
}



.admin_home_panel_container {
    width: 100%;
    height: auto;
    background: url("../img/panels_gradient_background_blue.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
}

.admin_home_panel_img {
    width: 100%;
    height: auto;
    margin: auto;
}

.admin_home_panel_img_85 {
    width: 85%;
    height: auto;
    margin: auto;
}

.admin_home_panel_img_80 {
    width: 65%;
    height: auto;
    margin: auto;
}

.align_center {
    text-align: center;
}

h1.admin_home_panel_title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    margin: 0px;
    text-transform: none;
}
h1.admin_home_panel_count {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 44px;
    line-height: 44px;
    color: #ffffff;
    margin: 0px;
    margin-bottom: 6px;
    margin-top: 6px;
    text-transform: none;
}

.admin_home_panel_container a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    margin: 0px;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.admin_home_panel_container a:hover, .admin_home_panel_container a:focus, .admin_home_panel_container a:active {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    color: #041f41;
    margin: 0px;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}



.admin_general_panel_container {
    width: 100%;
    height: auto;
    padding: 0px;
    background: #ffffff;
    border-radius: 8px;
    margin: auto;
}

.admin_general_panel_heading {
    width: 100%;
    height: auto;
    padding: 30px;
    background: transparent;
    margin: auto;
    border-bottom: 1px solid #eeeeee;
}
.admin_general_panel_body {
    width: 100%;
    height: auto;
    padding: 30px;
    background: transparent;
    margin: auto;
}

p.admin_general_panel_body_text {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #676e83;
    margin: 0px;
    margin-top: 8px;
    text-transform: none;
}

img.admin_graficas_img {
    width: 100%;
    height: auto;
    margin-top: 30px;
}


.admin_panel_card_container {
    width: 100%;
    height: auto;
    background: linear-gradient(to right, #006933, #009b3d);
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.admin_panel_card_container:hover {
    width: 100%;
    height: auto;
    background: linear-gradient(to right, #006933, #006933);
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.admin_panel_card_container_orange {
    width: 100%;
    height: auto;
    background: linear-gradient(to right, #e54c19, #f86123);
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.admin_panel_card_container_orange:hover {
    width: 100%;
    height: auto;
    background: linear-gradient(to right, #e54c19, #e54c19);
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.admin_panel_card_title {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    line-height: 14px;
}

.admin_panel_card_cant {
    font-size: 40px;
    font-weight: 600;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    line-height: 48px;
}

.admin_panel_card_textPercent {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    margin-top: 6px;
}

img.admin_panel_card_icon {
    height: 64px;
    width: auto;
    margin: 0px;
    text-align: right;
}

img.card_img_absolute {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.card_table {
    width: 100%;
}

.card_table_right_td {
    text-align: right;
}


.margin_top_30 {
    margin-top: 30px;
}
.margin_top_20 {
    margin-top: 20px;
}
.margin_bottom_20 {
    margin-top: 20px;
}


footer {
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: #676e83;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    padding-top: 30px;
    background: transparent;
}

footer > a {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #0b182f;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    padding-top: 30px;
    background: transparent;
}
footer > a:hover, footer > a:focus, footer > a:active {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #041f41;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    padding-top: 30px;
    background: transparent;
}

.usuarios_table {
    width: 100%;
}

.usuarios_table_th {
    padding: 10px;
    border-bottom: 1px solid #eee;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #0b182f;
}
.usuarios_table_td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    color: #323640;
}

.usuarios_table_td2 {
    padding: 15px 10px 0px 10px;
    /*border-bottom: 1px solid #eee;*/
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    color: #323640;
}

.table_align_left {
    text-align: left;
}
.table_align_right {
    text-align: right;
}
.table_align_center {
    text-align: center;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 15px;
    margin-left: -1px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    color: #676e83;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #eee;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #676e83;
    cursor: default;
    background-color: #f2edf3;
    border-color: #f2edf3;
}

.text_center {
    text-align: center;
}

.align_btn_left {
    text-align: left;
}
.align_btn_center {
    text-align: center;
}
.align_btn_right {
    text-align: right;
}

a.left_sidebar_a {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #676e83;
    margin:0px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
a.left_sidebar_a:hover, a.left_sidebar_a:focus, a.left_sidebar_a:active {
    color: #0b182f;
}

li.left_sidebar_li {
    width: 100%;
    padding:20px;
    padding-top:0px;
    padding-bottom: 0px;
    height: auto;
    background: #ffffff;
    border-radius: 0px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

li.left_sidebar_li:hover, li.left_sidebar_li:focus, li.left_sidebar_li:active {
    padding-left: 25px;
}

.product_product_thumnail {
    width: 40px;
    height: 40px;
    margin: auto;
}

.ultable{
    
    padding-left: 25px;
    font-size: 12px;
    list-style: none;
}

.ultableli{
    
    margin-top: 10px;
    
}

.f12size{
    
    font-size: 12px;
}

.f20size{
    
    font-size: 20px;
}

.alignrigthinputs{
    
    text-align: right; 
    
}

.fonsize14input{
    font-size: 14px;
}

.fonsize12input{
    font-size: 12px;
}


fontboldtotal{
    font-weight: 600;
    
}

.paddin0tablo{
    
    padding: 0px;
}

.nameproducttable{
    
    width: 100%;
    background-color: #f9f9f9;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 10px;
    
}


.calendarselect{
            background: #0f77b2; 
            height: 40px; 
            color:#FFF;
}

.fa-icon-blue {
  font-size: 39px;
  color: #011e42;
}

.fa-icon-yellow {
  font-size: 39px;
  color: #d04a15;
}

.fa-icon-small-yellow {
  color: #d04a15;
}

.hidden-element {
    display: none;
}