@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700);

.main_tpl_header {
    width: 100%;
    padding: 25px 0;
    height: 87px;
    display: table
}

.main_tpl_header .wrap_tpl_header {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.main_tpl_header .wrap_tpl_header .left_content {
    position: absolute;
    left: 0;
    top: 0
}

.main_tpl_header .wrap_tpl_header .left_content .icon_open_lateral_menu {
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: -ms-linear-gradient(top, #fff, #fff);
    background-image: linear-gradient(top, #fff, #fff);
    position: absolute;
    display: none;
    left: 0;
    top: -1px;
    height: 37px;
    width: 40px;
    cursor: pointer;
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .3), 0 1px 0 #fff
}

.main_tpl_header .wrap_tpl_header .left_content .icon_open_lateral_menu:hover .wrap_icon span {
    opacity: 1
}

.main_tpl_header .wrap_tpl_header .left_content .icon_open_lateral_menu:active {
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .3), inset 0 2px 3px rgba(0, 0, 0, .1), inset 0 0 0 2px rgba(60, 114, 160, .05), 0 1px 0 #fff;
    background: #fff !important
}

.main_tpl_header .wrap_tpl_header .left_content .icon_open_lateral_menu:active .wrap_icon {
    opacity: .7
}

.main_tpl_header .wrap_tpl_header .left_content .icon_open_lateral_menu .wrap_icon {
    display: table-cell;
    vertical-align: middle
}

.main_tpl_header .wrap_tpl_header .left_content .icon_open_lateral_menu .wrap_icon span {
    display: block;
    width: 100%;
    height: 2px;
    background: #3c72a0;
    opacity: .7;
    margin: 3px 0;
    box-shadow: 0 1px 0 #fff
}

.main_tpl_header .wrap_tpl_header .left_content .icon_open_lateral_menu .wrap_icon span:first-child {
    width: 80%
}

.main_tpl_header .wrap_tpl_header .left_content .icon_open_lateral_menu .wrap_icon span:last-child {
    width: 70%
}

.main_tpl_header .wrap_tpl_header .left_content h2 {
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    padding-top: 3px
}

.main_tpl_header .wrap_tpl_header .right_content {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.main_tpl_header .wrap_tpl_header .right_content .sep {
    display: inline-block;
    float: right;
    vertical-align: top;
    width: 20px;
    height: 20px
}

.main_tpl_header .wrap_tpl_header .right_content .btn {
    float: right
}

.main_tpl_header .wrap_tpl_header .right_content .main_select {
    width: auto;
    float: right
}

.main_tpl_header .wrap_tpl_header .right_content .main_select select {
    width: auto
}

.main_tpl_header .wrap_tpl_header .right_content .main_toggle_buttons {
    display: table;
    position: relative
}

.main_tpl_header .wrap_tpl_header .right_content .main_toggle_buttons .first select {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.main_tpl_header .wrap_tpl_header .right_content .main_toggle_buttons .last select {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    margin-right: -1px
}

@media screen and (max-width: 980px) {
    .main_tpl_header .wrap_tpl_header .left_content .icon_open_lateral_menu {
        display: table
    }

    .main_tpl_header .wrap_tpl_header .left_content h2 {
        margin-left: 60px
    }
}

.main_menu {
    background: #35658d;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff
}

.main_menu .main_logo {
    width: 100%;
    height: 65px;
    display: table;
    padding-left: 20px;
    padding-top: 30px
}

.main_menu .main_logo .wrap_logo {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 5px
}

.main_menu .main_logo .wrap_logo img {
    height: 65px
}

.main_menu .main_logo .wrap_logo .invert {
    opacity: .5;
    -webkit-transition: all ease .15s;
    -moz-transition: all ease .15s;
    -ms-transition: all ease .15s;
    -o-transition: all ease .15s;
    transition: all ease .15s
}

.main_menu .main_logo .wrap_logo .invert:hover {
    opacity: .8
}

.main_menu .line_max {
    display: block;
    position: absolute;
    top: 130px;
    left: 20px;
    right: 20px;
    height: 1px;
    background: rgba(255, 255, 255, .15)
}

.main_menu .main_content {
    position: absolute;
    top: 130px;
    bottom: 70px;
    overflow: auto;
    left: 0;
    right: 0;
    padding: 0 20px;
    cursor: default
}

.main_menu .main_content ul.wrap_content {
    width: 100%
}

.main_menu .main_content ul.wrap_content article {
    font-size: 12px;
    color: rgba(255, 255, 255, .3);
    display: block;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: 500
}

.main_menu .main_content ul.wrap_content article.top {
    padding-top: 0
}

.main_menu .main_content ul.wrap_content .toggle_folder {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main_menu .main_content ul.wrap_content .toggle_folder .folder_items {
    display: none
}

.main_menu .main_content ul.wrap_content .toggle_folder .folder_items .folder_item a {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.main_menu .main_content ul.wrap_content .toggle_folder .folder_items .folder_item a:before {
    display: none !important
}

.main_menu .main_content ul.wrap_content .toggle_folder .folder_items .folder_item a i, .main_menu .main_content ul.wrap_content .toggle_folder .folder_items .folder_item a span {
    font-size: 10px;
    line-height: 16px;
    opacity: .7
}

.main_menu .main_content ul.wrap_content .toggle_folder .folder_items .folder_item.select a {
    color: #b20000 !important
}

.main_menu .main_content ul.wrap_content .toggle_folder.open .folder a {
    color: #fff
}

.main_menu .main_content ul.wrap_content .toggle_folder.open .folder a:before {
    opacity: 1;
    background-position: 0 -20px
}

.main_menu .main_content ul.wrap_content .toggle_folder.open .folder_items {
    display: block
}

.main_menu .main_content ul.wrap_content .file_type_row.select a {
    color: #fff
}

.main_menu .main_content ul.wrap_content .file_type_row.select a:before {
    opacity: 1
}

.main_menu .main_content ul.wrap_content li {
    position: relative
}

.main_menu .main_content ul.wrap_content li:hover a {
    color: #fff
}

.main_menu .main_content ul.wrap_content li:hover a:before {
    opacity: 1
}

.main_menu .main_content ul.wrap_content li a {
    display: block;
    padding: 5px 0 5px 30px;
    font-weight: 400;
    color: rgba(255, 255, 255, .7);
    position: relative
}

.main_menu .main_content ul.wrap_content li a:hover {
    color: #fff
}

.main_menu .main_content ul.wrap_content li a:hover:before {
    opacity: 1
}

.main_menu .main_content ul.wrap_content li a.select {
    color: #b20000;
    font-weight: 500
}

.main_menu .main_content ul.wrap_content li a.select:before {
    opacity: 1
}

.main_menu .main_content ul.wrap_content li a.select.arrow:before {
    background-position: 0 -20px
}

.main_menu .main_content ul.wrap_content li a.select.dashboard:before {
    background-position: 0 -40px
}

.main_menu .main_content ul.wrap_content li a:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../../../../../../../images/core/icons/icon-20_new.png) no-repeat;
    background-size: 20px !important;
    left: 0;
    top: 4px;
    opacity: .5
}

.main_menu .main_content ul.wrap_content li a.arrow:before {
    background-position: 0 0
}

.main_menu .main_content ul.wrap_content li a.dashboard:before {
    background-position: 0 -60px
}

.main_menu .main_content ul.wrap_content li .icon_add {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: 50%;
    margin-top: -10px;
    z-index: 1;
    cursor: pointer;
    opacity: .3
}

.main_menu .main_content ul.wrap_content li .icon_add:after, .main_menu .main_content ul.wrap_content li .icon_add:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 1px;
    background: #fff;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -1px
}

.main_menu .main_content ul.wrap_content li .icon_add:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg)
}

.main_menu .main_content ul.wrap_content li .icon_add:hover {
    opacity: .7
}

.main_menu .main_content ul.wrap_content li #notif_wrap {
    position: absolute;
    top: 4px;
    right: 10px;
    display: block;
    width: 20px;
    height: 20px
}

.main_menu .main_content ul.wrap_content li #notif_wrap .notify {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    background: url(../../../../../../../images/core/icons/icon-20_new.png) 0 -80px no-repeat;
    background-size: 20px !important;
    opacity: .7
}

.main_menu .main_content ul.wrap_content li #notif_wrap .notify b {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #b20000;
    position: absolute;
    top: -3px;
    right: 0
}

.main_menu .main_content ul.wrap_content li #notif_wrap:focus {
    box-shadow: none
}

.main_menu .main_content ul.wrap_content li #notif_wrap:focus .notify {
    background-position: 0 -100px;
    opacity: 1
}

.main_menu .main_content ul.wrap_content li #notif_wrap:focus .wrap_popover {
    visibility: visible;
    opacity: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.main_menu .main_content ul.wrap_content li #notif_wrap .wrap_popover {
    left: -190px;
    z-index: 1;
    width: 230px;
    top: 30px
}

.main_menu .main_content ul.wrap_content li #notif_wrap .wrap_popover .header {
    display: block;
    color: #3c72a0;
    padding: 10px;
    border-bottom: 1px solid rgba(60, 114, 160, .1)
}

.main_menu .main_content ul.wrap_content li #notif_wrap .wrap_popover .header .title {
    font-size: 12px;
    font-weight: 500
}

.main_menu .main_content ul.wrap_content li #notif_wrap .wrap_popover .header #read_all_notif {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 10px;
    font-weight: 600;
    color: #b20000
}

.main_menu .main_content ul.wrap_content li #notif_wrap .wrap_popover .main_popover_options {
    display: block;
    font-size: 12px;
    color: #3c72a0;
    background: rgba(60, 114, 160, .05);
    max-height: 250px;
    overflow: auto
}

.main_menu .main_content ul.wrap_content li #notif_wrap .wrap_popover .main_popover_options li {
    padding: 10px;
    background: 0 0;
    box-shadow: 0 -1px 0 rgba(60, 114, 160, .1)
}

.main_menu .main_content ul.wrap_content li #notif_wrap .wrap_popover .main_popover_options li.new {
    background: #fff
}

.main_menu .main_footer {
    position: absolute;
    display: table;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70px;
    width: 100%;
    padding: 0 20px;
    cursor: default
}

.main_menu .main_footer .wrap_footer {
    display: table;
    width: 100%;
    padding-top: 20px;
    position: relative
}

.main_menu .main_footer .wrap_footer .wrap_user {
    position: relative;
    padding-left: 40px;
    vertical-align: top
}

.main_menu .main_footer .wrap_footer .wrap_user .pic_user {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1
}

.main_menu .main_footer .wrap_footer .wrap_user .pic_user:before {
    display: none
}

.main_menu .main_footer .wrap_footer .wrap_user .title {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    margin-top: -3px;
    padding-bottom: 2px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 180px
}

.main_menu .main_footer .wrap_footer .wrap_user .subtitle {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .3);
    font-weight: 700
}

.main_menu .main_footer .wrap_footer .main_custom_arrow {
    display: block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
    position: absolute;
    right: 0;
    top: 18px;
    cursor: pointer
}

.main_menu .main_footer .wrap_footer .main_custom_arrow:after, .main_menu .main_footer .wrap_footer .main_custom_arrow:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 1px;
    background: rgba(255, 255, 255, .3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    top: 50%;
    margin-top: -1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg)
}

.main_menu .main_footer .wrap_footer .main_custom_arrow:before {
    left: 9px
}

.main_menu .main_footer .wrap_footer .main_custom_arrow:after {
    right: 9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg)
}

.main_menu .main_footer .wrap_footer .main_custom_arrow:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2)
}

.main_menu .main_footer .wrap_footer .main_custom_arrow:hover:after, .main_menu .main_footer .wrap_footer .main_custom_arrow:hover:before {
    background: #e6eef5
}

.main_menu .main_footer .wrap_footer .main_custom_arrow:focus {
    box-shadow: none;
    background: rgba(255, 255, 255, .2);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.main_menu .main_footer .wrap_footer .main_custom_arrow:focus:after, .main_menu .main_footer .wrap_footer .main_custom_arrow:focus:before {
    background: #fff
}

.main_menu .main_footer .wrap_footer .main_custom_arrow:focus .wrap_popover {
    visibility: visible;
    opacity: 1;
    -webkit-border-radius: 3px 3px 3px 0;
    -moz-border-radius: 3px 3px 3px 0;
    border-radius: 3px 3px 3px 0
}

.main_menu .main_footer .wrap_footer .main_custom_arrow .wrap_popover {
    bottom: 30px;
    left: 0;
    right: auto;
    z-index: 1;
    width: 170px
}

.main_box_section_sub_menu {
    padding-left: 200px;
    display: block
}

.main_box_section {
    width: 100%;
    padding: 0 30px 30px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .2), 0 1px 0 rgba(60, 114, 160, .05);
    margin-bottom: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    display: block
}

.main_box_section.popup {
    box-shadow: none;
    margin-bottom: 0;
    padding-top: 20px
}

.main_box_section .main_box_header {
    width: 100%;
    height: 85px;
    display: table;
    box-shadow: 0 1px 0 rgba(60, 114, 160, .1)
}

.main_box_section .main_box_header .left_content {
    display: inline-block;
    padding-top: 25px
}

.main_box_section .main_box_header .left_content h3 {
    font-size: 18px;
    font-weight: 500;
    padding-top: 6px;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.main_box_section .main_box_header .left_content h3 small {
    font-size: 13px;
    color: rgba(60, 114, 160, .2)
}

.main_box_section .main_box_header ul.right_content {
    position: absolute;
    right: 30px;
    top: 25px;
    bottom: 0
}

.main_box_section .main_box_header ul.right_content li {
    display: inline-block;
    position: relative;
    float: right !important;
    width: auto !important;
    margin-left: 20px;
    padding-right: 0 !important
}

.main_box_section .main_box_header ul.right_content li .first select {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.main_box_section .main_box_header ul.right_content li .last select {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.main_box_section .main_box_header ul.right_content li .wrap_search {
    width: 100%;
    position: relative;
    display: inline-block
}

.main_box_section .main_box_header ul.right_content li .wrap_search .icon_search {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 9px;
    z-index: 3;
    width: 20px;
    height: 20px;
    background: url(../../../../../../../images/core/icons/icon-20.png) center -20px no-repeat;
    opacity: .4;
    pointer-events: none
}

.main_box_section .main_box_header ul.right_content li .wrap_search input {
    width: 180px;
    padding-left: 32px
}

.main_box_section .main_box_header ul.right_content li .wrap_search input:focus + .icon_search {
    opacity: .6
}

.main_box_section .main_box_header ul.right_content li .secondary b {
    color: rgba(60, 114, 160, .5);
    font-weight: 400
}

.main_box_section .main_box_header ul.right_content li .main_arrow {
    position: relative;
    margin-left: -5px
}

.main_box_section .main_box_header ul.right_content li .main_arrow .wrap_popover {
    top: 26px;
    right: -10px;
    left: auto
}

.main_box_section .main_box_header ul.right_content li .main_arrow .wrap_popover .indicative_arrow {
    right: 13px;
    left: auto
}

.main_box_section .main_box_header ul.right_content li .link {
    display: inline-block;
    padding-top: 8px
}

.main_box_section .main_box_header ul.right_content .separator {
    display: inline-block;
    height: 24px;
    margin: 0 15px;
    width: 1px;
    background: rgba(60, 114, 160, .1);
    vertical-align: middle
}

.main_box_section .main_sub_header {
    width: 100%;
    padding: 25px 0 18px;
    display: table
}

.main_box_section .main_sub_header .text_dashboard {
    color: rgba(60, 114, 160, .5)
}

.main_box_section .main_sub_header .text_dashboard b {
    color: #3c72a0
}

.main_box_section .main_sub_header b {
    font-weight: 500
}

.main_box_section ul.main_table_section {
    width: 100%;
    padding: 25px 0 18px;
    display: table
}

.main_box_section ul.main_table_section li {
    font-weight: 500;
    color: rgba(60, 114, 160, .4);
    margin-right: 25px;
    position: relative;
    cursor: pointer;
    float: left
}

.main_box_section ul.main_table_section li:last-child {
    margin-right: 0
}

.main_box_section ul.main_table_section li:hover {
    color: rgba(60, 114, 160, .7)
}

.main_box_section ul.main_table_section li b {
    font-weight: 400
}

.main_box_section ul.main_table_section li.select {
    color: #3c72a0
}

.main_box_section ul.main_table_section li .notify {
    width: 5px;
    height: 5px;
    background: #b20000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}

.main_box_section.dashboard {
    padding: 0;
    display: table
}

.main_box_section.dashboard .sub_box {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.main_box_section.dashboard .sub_box.w2 {
    width: 50%
}

.main_box_section.dashboard .main_box_header {
    width: 100%;
    height: auto;
    padding: 18px 30px 20px;
    display: table;
    box-shadow: none
}

.main_box_section.dashboard .main_box_header .left_content {
    display: inline-block;
    padding-top: 0
}

.main_box_section.dashboard .main_box_header .left_content h3 {
    font-size: 18px;
    font-weight: 400;
    padding-top: 5px;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.main_box_section.dashboard .main_box_header .left_content h3 b {
    font-weight: 600
}

.main_box_section.dashboard .main_box_header .right_content {
    position: absolute;
    right: 30px;
    top: 26px;
    bottom: 0;
    width: auto;
    display: inline-block !important
}

.main_box_section.dashboard .main_box_header .right_content .link {
    padding-top: 0
}

.main_box_section.dashboard .main_sub_header {
    padding-bottom: 0
}

.main_box_section.dashboard .resume_count {
    display: block;
    padding: 30px;
    border: 1px solid rgba(60, 114, 160, .1);
    margin: 30px
}

.main_box_section.dashboard .resume_count span {
    display: block;
    text-align: center
}

.main_box_section.dashboard .resume_count .title {
    font-size: 16px;
    color: #3c72a0;
    line-height: 19px;
    font-weight: 500
}

.main_box_section.dashboard .resume_count .num {
    font-size: 70px;
    line-height: 86px;
    color: #b20000;
    font-weight: 500
}

.main_box_section.dashboard .resume_count .label {
    color: #b20000;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

.main_box_section.dashboard .resume_count .sublabel {
    color: rgba(60, 114, 160, .7);
    font-size: 14px;
    line-height: 22px;
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid rgba(60, 114, 160, .1)
}

.main_box_section.dashboard .resume_count .sublabel b {
    font-size: 18px;
    font-weight: 600
}

.main_box_section.dashboard .resume_month {
    display: block;
    padding: 30px;
    height: 130px
}

.main_box_section.dashboard .global_grid_table {
    padding: 0 30px 30px
}

.main_box_section.dashboard .global_grid_table table.main_grid_table {
    box-shadow: 0 -1px 0 rgba(60, 114, 160, .1)
}

.main_box_section.dashboard ul.main_numbers {
    width: 100%;
    display: table;
    padding: 0 30px
}

.main_box_section.dashboard ul.main_numbers.w3 li {
    width: 33.33%;
    float: left
}

.main_box_section.dashboard ul.main_numbers li {
    position: relative;
    padding-right: 0
}

.main_box_section.dashboard ul.main_numbers li .num {
    font-size: 18px;
    font-weight: 500;
    display: block
}

.main_box_section.dashboard ul.main_numbers li .text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.main_box_section.dashboard .main_footer {
    width: 100%;
    padding: 20px 30px 0
}

.main_box_section.dashboard .main_footer a {
    color: rgba(60, 114, 160, .5)
}

.main_box_section.dashboard .main_direct_link {
    float: left;
    width: 20%;
    padding: 21px;
    text-align: center;
    cursor: pointer;
    position: relative
}

.main_box_section.dashboard .main_direct_link:before {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 1px;
    right: 0;
    width: 1px;
    background: #fff
}

.main_box_section.dashboard .main_direct_link:last-child:before {
    display: none
}

.main_box_section.dashboard .main_direct_link:hover {
    background: rgba(60, 114, 160, .03)
}

.main_box_section.dashboard .main_direct_link:hover .title {
    color: #76a4cc
}

.main_box_section.dashboard .main_direct_link:hover .icon_link {
    opacity: .8
}

.main_box_section.dashboard .main_direct_link:hover:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.main_box_section.dashboard .main_direct_link:hover:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.main_box_section.dashboard .main_direct_link .icon_link {
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 auto 5px;
    background: url(../../../../../../../images/core/icons/icon-menu.png) no-repeat;
    background-size: 63px !important;
    opacity: .4
}

.main_box_section.dashboard .main_direct_link .icon_link.file {
    background-position: -42px -21px
}

.main_box_section.dashboard .main_direct_link .icon_link.bacheca {
    background-position: -42px -42px
}

.main_box_section.dashboard .main_direct_link .icon_link.ferie {
    background-position: -42px -63px
}

.main_box_section.dashboard .main_direct_link .icon_link.permessi {
    background-position: -42px -84px
}

.main_box_section.dashboard .main_direct_link .icon_link.dipendenti {
    background-position: -42px -126px
}

.main_box_section.dashboard .main_direct_link .icon_link.impostazioni {
    background-position: -42px -147px
}

.main_box_section.dashboard .main_direct_link .title {
    font-size: 14px;
    font-weight: 500;
    display: block;
    padding-bottom: 3px;
    color: #3c72a0
}

.main_box_section.dashboard .main_direct_link .subtitle {
    font-size: 12px;
    color: rgba(60, 114, 160, .5);
    display: block;
    font-weight: 400
}

.main_box_section.dashboard .main_direct_link .notify {
    position: absolute;
    top: 17px;
    width: 16px;
    height: 16px;
    color: #fff;
    background: #b20000;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 51%;
    font-size: 9px;
    line-height: 16px;
    font-weight: 700;
    box-shadow: 0 0 1px rgba(60, 114, 160, .2)
}

.main_box_section.dashboard.wdth5 .main_direct_link {
    width: 20%
}

.main_box_section.dashboard.wdth4 .main_direct_link {
    width: 25%
}

.main_box_section.dashboard.wdth3 .main_direct_link {
    width: 33.33%
}

.main_box_section.dashboard.wdth2 .main_direct_link {
    width: 50%
}

.main_box_section.dashboard_notify {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #b20000;
    box-shadow: none;
    background: #fffce7;
    color: #b20000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500
}

.main_box_section .wrap_empty {
    width: 100%;
    text-align: center;
    padding: 40px 0 25px;
    color: rgba(60, 114, 160, .5)
}

.main_box_section .wrap_empty .icon_empty {
    display: block;
    margin: 0 auto 20px;
    width: 84px;
    height: 84px;
    background: url(../../../../../../../images/core/icons/icon-empty.png) no-repeat;
    opacity: .2
}

.main_box_section .wrap_empty .icon_empty.elenco {
    background-position: 0 0
}

.main_box_section .wrap_empty .icon_empty.bacheca {
    background-position: 0 -84px
}

.main_box_section .wrap_empty .icon_empty.ferie {
    background-position: 0 -168px
}

.main_box_section .wrap_empty .icon_empty.permessi {
    background-position: 0 -252px
}

.main_box_section .wrap_empty .icon_empty.exfestivita {
    background-position: 0 -336px
}

.main_box_section .wrap_empty .icon_empty.dipendenti {
    background-position: 0 -420px
}

.main_box_section .wrap_empty h3 {
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    color: rgba(60, 114, 160, .7)
}

.main_box_section .wrap_empty p {
    font-size: 14px;
    display: block;
    color: inherit
}

.main_box_section .main_general_footer {
    width: 100%;
    display: table;
    padding-top: 30px
}

.main_box_section .main_general_footer .btn {
    float: right
}

.main_stats {
    width: 100%;
    position: relative;
    padding: 0 30px
}

.main_stats .wrap_stats {
    position: relative;
    margin-bottom: 10px;
    height: 30px
}

.main_stats .wrap_stats .title {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px
}

.main_stats .wrap_stats .num {
    font-weight: 500;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 3px
}

.main_stats .wrap_stats .progress {
    width: 100%;
    height: 1px;
    background: rgba(60, 114, 160, .1);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: inline-block
}

.main_stats .wrap_stats .progress .bar {
    width: 50%;
    height: 3px;
    background: #b20000;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0
}

table.main_grid_table {
    width: 100%;
    text-align: left;
    color: #3c72a0;
    position: relative;
    border-collapse: collapse
}

table.main_grid_table.form td {
    padding: 20px 10px;
    height: 40px;
    position: relative
}

table.main_grid_table.form td:first-child {
    padding-left: 0
}

table.main_grid_table.form td:last-child {
    padding-right: 0
}

table.main_grid_table.form th {
    padding: 9px 10px 8px
}

table.main_grid_table.form th:first-child {
    padding-left: 0
}

table.main_grid_table.form th:last-child {
    padding-right: 0
}

table.main_grid_table.striped tbody tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, .05)
}

table.main_grid_table.striped tr {
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

table.main_grid_table.striped tr:first-child th {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

table.main_grid_table.striped tr td, table.main_grid_table.striped tr th {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

table.main_grid_table.striped tr td:last-child, table.main_grid_table.striped tr th:last-child {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

table.main_grid_table tr {
    box-shadow: 0 1px 0 rgba(60, 114, 160, .1);
    position: relative;
    border: 0;
    width: 100%
}

table.main_grid_table tr.hovered .main_arrow, table.main_grid_table tr:hover .main_arrow {
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: -ms-linear-gradient(top, #fff, #fff);
    background-image: linear-gradient(top, #fff, #fff);
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .3), inset 0 0 0 2px rgba(255, 255, 255, .5), 0 1px 0 rgba(60, 114, 160, .04);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

table.main_grid_table tr.hovered .main_arrow:hover, table.main_grid_table tr:hover .main_arrow:hover {
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .4), inset 0 0 0 2px rgba(255, 255, 255, .5), 0 1px 0 rgba(60, 114, 160, .04)
}

table.main_grid_table tr.hovered .main_arrow:hover .icon_arrow_options, table.main_grid_table tr:hover .main_arrow:hover .icon_arrow_options {
    opacity: 1
}

table.main_grid_table tr.hovered .main_arrow .icon_arrow_options:after, table.main_grid_table tr.hovered .main_arrow .icon_arrow_options:before, table.main_grid_table tr:hover .main_arrow .icon_arrow_options:after, table.main_grid_table tr:hover .main_arrow .icon_arrow_options:before {
    background: #3c72a0
}

table.main_grid_table td, table.main_grid_table th {
    padding: 10px 15px 12px 0;
    height: 40px;
    position: relative
}

table.main_grid_table td.font12, table.main_grid_table th.font12 {
    font-size: 12px
}

table.main_grid_table th {
    font-weight: 500;
    font-size: 11px;
    padding: 9px 15px 8px 0;
    height: auto;
    color: rgba(60, 114, 160, .4);
    text-transform: uppercase
}

table.main_grid_table th.center {
    text-align: center
}

table.main_grid_table th.max_200 {
    max-width: 200px
}

table.main_grid_table td {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative
}

table.main_grid_table td.max_200 {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

table.main_grid_table td.green {
    color: #6aa817
}

table.main_grid_table td.yellow {
    color: #fcbf02
}

table.main_grid_table td.red {
    color: #ff6d5e
}

table.main_grid_table td.grey {
    color: rgba(60, 114, 160, .3)
}

table.main_grid_table td.center {
    text-align: center
}

table.main_grid_table td.tik {
    max-width: 30px;
    padding-top: 13px
}

table.main_grid_table td.tik.ok .icon_20 {
    background-position: center -140px
}

table.main_grid_table td.tik.none .icon_20 {
    background-position: center -160px
}

table.main_grid_table td.comment {
    padding-top: 15px;
    overflow: visible
}

table.main_grid_table td.comment .icon_20 {
    background-position: center -200px;
    opacity: .5
}

table.main_grid_table td.comment .icon_20:hover {
    opacity: 1
}

table.main_grid_table td.arrow {
    width: 20px;
    padding: 0 2px 0 10px;
    overflow: visible
}

table.main_grid_table td .response_circle {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    background: #fede02
}

table.main_grid_table td .response_circle.green {
    background: #6aa817
}

table.main_grid_table td .response_circle.yellow {
    background: #fcbf02
}

table.main_grid_table td .response_circle.red {
    background: #ff6d5e
}

table.main_grid_table td .notify {
    width: 10px;
    height: 10px;
    background: #b20000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block
}

table.main_grid_table td:focus .main_arrow {
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .35), inset 0 2px 1px rgba(60, 114, 160, .2);
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

table.main_grid_table td:focus .main_arrow:hover {
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .4), inset 0 2px 1px rgba(60, 114, 160, .2);
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

table.main_grid_table td:focus .main_arrow .icon_arrow_options {
    opacity: 1
}

table.main_grid_table td:focus .main_arrow .icon_arrow_options:after, table.main_grid_table td:focus .main_arrow .icon_arrow_options:before {
    background: #2e587b
}

table.main_grid_table td:focus .wrap_popover {
    z-index: 1;
    -webkit-border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
    visibility: visible;
    opacity: 1
}

table.main_grid_table td.badge_start:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out 1s;
    -moz-animation: fadeIn ease-in-out 1s;
    animation: fadeIn ease-in-out 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: none;
    -moz-animation-delay: none;
    animation-delay: none;
    background-color: #6aa817
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: .2
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: .2
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: .2
    }
}

table.main_grid_table td.badge_end:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out 1s;
    -moz-animation: fadeIn ease-in-out 1s;
    animation: fadeIn ease-in-out 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: none;
    -moz-animation-delay: none;
    animation-delay: none;
    background-color: #395bbf
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: .2
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: .2
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: .2
    }
}

table.main_grid_table td .badge {
    width: 100%;
    height: 100%;
    font-size: 10px;
    padding-left: 10px
}

table.main_grid_table td .badge .type {
    position: absolute;
    top: 6px
}

table.main_grid_table td .badge .moment {
    position: absolute;
    bottom: 6px
}

table.main_grid_table td .badge_icon {
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 auto;
    background: url(../../../../../../../images/core/icons/icon-menu.png) no-repeat;
    background-size: 63px !important;
    opacity: .4
}

table.main_grid_table td .badge_icon.ferie {
    background-position: -42px -84px
}

table.main_grid_table td .badge_icon.permessi {
    background-position: -42px -63px
}

table.main_grid_table td .badge_icon.warning {
    background: url(../../../../../../../images/core/icons/ico-notify.png) no-repeat;
    display: inline-block;
    background-size: 15px !important;
    opacity: 1;
    position: absolute;
    right: 10px
}

table.main_grid_table td .badge_error {
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 auto;
    background: url(../../../../../../../images/core/icons/icon-20.png) 0 -42px no-repeat;
    background-size: 21px !important;
    opacity: .4
}

table.main_grid_table td .btn.response_request_toggle {
    padding: 4px 15px 6px
}

table.main_grid_table b {
    font-weight: 600
}

table.main_grid_table .main_arrow {
    position: relative
}

table.main_grid_table .main_arrow .icon_arrow_options:after, table.main_grid_table .main_arrow .icon_arrow_options:before {
    background: 0 0
}

table.main_grid_table .main_arrow .wrap_popover {
    top: 20px;
    right: 1px;
    left: auto
}

table.main_grid_table .main_arrow .wrap_popover .indicative_arrow {
    right: 13px;
    left: auto
}

.main_holiday_table {
    margin-bottom: 25px;
    margin-right: -40px;
    margin-left: -40px;
    padding: 25px 40px;
    box-shadow: 0 1px 0 rgba(60, 114, 160, .25), 0 2px 0 #fff, inset 0 1px 0 rgba(255, 255, 255, .6), 0 -1px 0 rgba(60, 114, 160, .2);
    background: url(../../../../../../../images/core/bg-logo.png) 80% -80px no-repeat rgba(60, 114, 160, .05);
    clear: both
}

.main_holiday_table .main_toggle_buttons {
    position: relative;
    display: block;
    margin-bottom: 20px
}

.main_holiday_table .main_toggle_buttons label {
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px;
    margin-right: 10px;
    color: rgba(60, 114, 160, .8)
}

.main_holiday_table .main_toggle_buttons .first {
    width: auto
}

.main_holiday_table .main_toggle_buttons .first select {
    width: auto;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.main_holiday_table .main_toggle_buttons .last {
    width: auto
}

.main_holiday_table .main_toggle_buttons .last select {
    width: auto;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    margin-right: -1px
}

ul.wrap_holiday_table {
    display: table;
    width: 100%
}

ul.wrap_holiday_table li {
    display: table-cell;
    padding-right: 25px
}

ul.wrap_holiday_table li:last-child {
    padding-right: 0
}

ul.wrap_holiday_table li .main_content {
    padding: 10px 10px 7px;
    width: 100%;
    min-height: 80px;
    max-height: 77px;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .3), 0 1px 0 rgba(60, 114, 160, .05);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    color: #3c72a0;
    display: table;
    background: #fff
}

ul.wrap_holiday_table li .main_content article {
    font-size: 12px;
    display: block;
    font-weight: 400;
    padding: 0 5px 7px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: rgba(60, 114, 160, .8)
}

ul.wrap_holiday_table li .main_content .box {
    display: inline-block;
    margin: 0 auto
}

ul.wrap_holiday_table li .main_content .box .num {
    font-size: 18px;
    display: block;
    padding: 0 5px;
    font-weight: 600
}

ul.wrap_holiday_table li .main_content .box .num.total {
    font-size: 34px;
    font-weight: 900;
    color: #6aa817;
    line-height: 1
}

ul.wrap_holiday_table li .main_content .box .title {
    font-size: 11px;
    color: rgba(60, 114, 160, .5);
    display: block;
    padding: 0 2px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.main_sub_menu_settings {
    max-width: 170px;
    width: 100%;
    float: left
}

.main_sub_menu_settings:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 100%;
    height: 1px;
    background: rgba(60, 114, 160, .1);
    vertical-align: top
}

.main_sub_menu_settings a {
    font-weight: 400;
    color: rgba(60, 114, 160, .5);
    padding: 7px 0;
    display: block;
    line-height: 1.2
}

.main_sub_menu_settings a:hover {
    color: rgba(60, 114, 160, .8)
}

.main_sub_menu_settings a.select {
    color: #3c72a0;
    font-weight: 500
}

.fvnks_error_404 {
    width: 100%
}

.fvnks_error_404 .body_error_404 {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    color: rgba(60, 114, 160, .5);
    padding-top: 100px;
    line-height: 1.4
}

.fvnks_error_404 .body_error_404 article {
    font-size: 20px;
    display: block;
    text-align: center;
    padding-bottom: 5px;
    font-weight: 500
}

.fvnks_error_404 .body_error_404 .figure_404 {
    display: block;
    text-align: center;
    opacity: .3;
    padding-bottom: 20px
}

.fvnks_error_404 .body_error_404 p {
    display: block
}

.tpl_main_login {
    width: 100%;
    display: table;
    height: 100vh
}

.tpl_main_login .body_login {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 50px
}

.tpl_main_login .body_login .wrap_content {
    width: 100%
}

.tpl_main_login .body_login .wrap_content .content {
    width: 300px;
    margin: 0 auto;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    padding: 30px;
    box-shadow: 0 0 0 1px rgba(60, 114, 160, .1), 0 1px 0 rgba(60, 114, 160, .05)
}

.tpl_main_login .body_login .wrap_content .content .main_logo_area {
    margin: 0 auto;
    display: block;
    padding-bottom: 30px;
    padding-top: 10px
}

.tpl_main_login .body_login .wrap_content .content .main_logo_area img {
    max-width: 150px;
    max-height: 50px;
    margin: 0 auto
}

.tpl_main_login .body_login .wrap_content .content h3 {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: block;
    color: #b20000;
    padding-bottom: 30px
}

.tpl_main_login .body_login .wrap_content .content .main_form {
    text-align: left
}

.tpl_main_login .body_login .wrap_content .content .main_form input {
    margin-bottom: 10px
}

.tpl_main_login .body_login .wrap_content .content .main_form .check {
    display: block;
    margin-bottom: 20px
}

.tpl_main_login .body_login .wrap_content .content .main_form .btn {
    width: 100%;
    text-align: center;
    margin-bottom: 15px
}

.tpl_main_login .body_login .wrap_content .content .main_form .secondary {
    display: block;
    text-align: center
}

.tpl_main_login .main_bg {
    position: fixed;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: #3c72a0;
    background-size: cover
}

.tpl_main_recover {
    width: 100%;
    display: table;
    height: 100vh
}

.tpl_main_recover .body_recover {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.tpl_main_recover .body_recover .wrap_content {
    width: 100%
}

.tpl_main_recover .body_recover .wrap_content .content {
    width: 300px;
    margin: 0 auto;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .15), 0 1px 0 rgba(60, 114, 160, .05)
}

.tpl_main_recover .body_recover .wrap_content .content .main_logo_area {
    margin: 0 auto;
    display: block;
    padding-bottom: 30px;
    padding-top: 10px;
    text-align: center
}

.tpl_main_recover .body_recover .wrap_content .content .main_logo_area img {
    max-width: 150px;
    max-height: 50px;
    margin: 0 auto
}

.tpl_main_recover .body_recover .wrap_content .content h3 {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: block;
    color: #b20000;
    padding-bottom: 10px
}

.tpl_main_recover .body_recover .wrap_content .content p {
    color: rgba(60, 114, 160, .7);
    padding-bottom: 10px;
    display: block;
    text-align: center
}

.tpl_main_recover .body_recover .wrap_content .content .context {
    display: block;
    padding: 0 25px 20px;
    text-align: center;
    color: rgba(60, 114, 160, .5);
    line-height: 1.4
}

.tpl_main_recover .body_recover .wrap_content .content input {
    margin-bottom: 10px
}

.tpl_main_recover .body_recover .wrap_content .content .btn {
    width: 100%;
    text-align: center;
    margin-bottom: 15px
}

.tpl_main_recover .body_recover .wrap_content .content .secondary {
    display: block;
    text-align: center
}

.main_no_responsive_view {
    width: 100%;
    height: 100vh;
    background: #3c72a0;
    display: table
}

.main_no_responsive_view .wrpa_no_responsive_view {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 30px
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content {
    width: 100%;
    color: #fff;
    max-width: 250px;
    margin: 0 auto
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content .logo {
    width: 100%;
    display: inline-block;
    padding-bottom: 20px
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content .logo img {
    height: 40px
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    display: block;
    padding-bottom: 20px
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content p {
    color: rgba(255, 255, 255, .7);
    line-height: 1.5;
    display: block;
    padding-bottom: 40px
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app {
    width: 100%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app li {
    width: 100%;
    display: table;
    font-weight: 400;
    padding: 10px 0;
    color: #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
    position: relative
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app li .icon_app {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    background: url(../../../../../../../images/core/icons/icon-30.png) no-repeat;
    background-size: 30px !important
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app li .icon_app.android {
    background-position: center -30px
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app li .icon_app.apple {
    background-position: center -60px
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app li .icon_app.windows {
    background-position: center -90px
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app li .text {
    display: inline-block;
    padding-top: 5px;
    padding-left: 10px
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app li .arrow_option {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -6px;
    width: 11px;
    height: 11px;
    opacity: .3
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app li .arrow_option:after, .main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app li .arrow_option:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 1px;
    background: #fff;
    left: 50%;
    margin-left: -2px
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app li .arrow_option:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg);
    bottom: 2px
}

.main_no_responsive_view .wrpa_no_responsive_view .main_content ul.main_list_app li .arrow_option:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
    top: 2px
}

.main_confirm {
    width: 330px;
    padding: 25px 35px 30px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    color: #b20000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.main_confirm article {
    font-size: 20px;
    display: block;
    font-weight: 500;
    padding-bottom: 15px
}

.main_confirm article.red {
    color: #b20000
}

.main_confirm p {
    font-size: 16px;
    line-height: 1.4;
    display: block;
    padding-bottom: 25px;
    color: rgba(60, 114, 160, .9)
}

.main_confirm p b {
    font-weight: 600;
    color: #2e587b
}

.main_confirm span {
    font-size: 14px;
    color: rgba(60, 114, 160, .7);
    line-height: 1.4;
    display: block;
    padding-bottom: 25px;
    margin-top: -10px
}

.main_confirm .close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    right: 14px;
    opacity: .5;
    cursor: pointer
}

.main_confirm .close:after, .main_confirm .close:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background: #3c72a0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: 0
}

.main_confirm .close:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg)
}

.main_confirm .close:hover {
    opacity: 1
}

.main_confirm .footer {
    display: table
}

.main_confirm .footer .btn {
    float: left
}

.main_confirm .footer .btn.secondary {
    box-shadow: none;
    background: 0 0;
    font-weight: 500;
    color: rgba(60, 114, 160, .7)
}

.main_confirm .footer .btn.secondary:hover {
    color: #3c72a0
}

.main_confirm .footer .btn.blue, .main_confirm .footer .btn.red {
    margin-left: 10px
}

.global_form {
    width: 100%;
    padding-bottom: 20px
}

.global_form:last-child {
    padding-bottom: 0
}

.global_form .base {
    width: 100%;
    padding-bottom: 20px;
    display: table
}

.global_form .base:last-child {
    padding-bottom: 0
}

.global_form .base h2 {
    font-size: 16px;
    font-weight: 500;
    display: block;
    padding: 20px 0 0
}

.global_form .base h3 {
    font-size: 14px;
    display: block;
    font-weight: 400;
    color: rgba(60, 114, 160, .7);
    padding: 20px 0 0;
    line-height: 1.5
}

.global_form .base h3 b {
    color: #3c72a0;
    font-weight: 500
}

.global_form .base h3.intro {
    padding: 0
}

.global_form .base h4 {
    font-size: 12px;
    font-weight: 600;
    display: block;
    padding: 10px 0 0;
    color: #c0d6e8;
    text-transform: uppercase;
    margin: 0
}

.global_form .base article {
    font-weight: 500;
    padding-bottom: 6px
}

.global_form .base article u {
    display: inline-block;
    text-decoration: none;
    color: #ff6d5e;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 4px;
    font-size: 18px;
    font-weight: 600
}

.global_form .base article .aditional {
    float: right;
    font-size: 12px;
    color: rgba(60, 114, 160, .5);
    font-weight: 400
}

.global_form .base article .aditional b {
    font-weight: 500;
    color: rgba(60, 114, 160, .6)
}

.global_form .base .check2 .aditional {
    font-size: 12px;
    color: rgba(60, 114, 160, .5);
    display: inline-block
}

.global_form .base .check2 .aditional b {
    font-weight: 500;
    color: rgba(60, 114, 160, .6)
}

.global_form .base .radio {
    margin-right: 30px
}

.global_form .base .radio:last-child {
    margin-right: 0
}

.global_form .base .radio.block {
    display: block
}

.global_form .base .media {
    width: 100%;
    display: table
}

.global_form .base .media .info {
    display: table;
    height: 100px
}

.global_form .base .media .info .content {
    display: table-cell;
    vertical-align: middle;
    padding-top: 5px
}

.global_form .base .media .info .content .title {
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    display: block;
    padding-bottom: 20px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.global_form .base .media .info .content button {
    float: left;
    margin-right: 15px
}

.global_form .base .description {
    display: block;
    font-size: 12px;
    color: rgba(60, 114, 160, .5);
    padding-top: 6px;
    line-height: 1.4
}

.global_form .base .child {
    width: 47%;
    float: left
}

.global_form .base .child:last-child {
    float: right
}

.global_form .base .current_info {
    line-height: 1.5;
    padding-bottom: 15px;
    padding-right: 15px
}

.global_form .base .current_info.w2 {
    float: left
}

.global_form .base .current_info span {
    display: block;
    color: rgba(60, 114, 160, .7);
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 340px
}

.global_form .base .current_info b {
    font-weight: 500;
    color: #3c72a0
}

.global_form .base .group_option_list {
    width: 100%;
    padding: 5px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(60, 114, 160, .2);
    max-height: 200px;
    overflow: auto
}

.global_form .base .group_option_list .check {
    width: 100%
}

.global_form .base .upload_picture {
    width: 100%;
    display: table;
    position: relative
}

.global_form .base .upload_picture .picture {
    float: left;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    background: url(../../../../../../../images/core/user-test.png) center no-repeat rgba(60, 114, 160, .05);
    background-size: cover;
    margin-right: 10px
}

.global_form .base .upload_picture .picture:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.global_form .base .upload_picture .file {
    float: left;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .2), inset 0 1px 2px rgba(60, 114, 160, .2), 0 1px 0 #fff;
    margin-right: 10px
}

.global_form .base .upload_picture .file .icon_30 {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px
}

.global_form .base .upload_picture .title {
    display: block;
    max-width: 290px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    margin-top: -1px
}

.global_form .base .upload_picture .secondary {
    width: 100%;
    text-align: center
}

.global_form .base .empty_upload_picture {
    width: 100%;
    padding: 15px 25px 17px;
    text-align: center;
    color: rgba(60, 114, 160, .7);
    border: 1px dashed rgba(60, 114, 160, .5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgba(60, 114, 160, .04);
    line-height: 1.5
}

.global_form .base .dragging_upload {
    border: 1px dashed #b20000;
    background: rgba(178, 0, 0, .1)
}

.global_form .base .dragging_upload a {
    color: rgba(60, 114, 160, .3)
}

.global_form .base .dragging_upload.upload_picture {
    opacity: .3;
    border: none;
    background: 0 0
}

.global_form .wrap_footer_form {
    width: 100%;
    display: table;
    padding-top: 10px
}

.global_form .wrap_footer_form .left_content {
    float: left
}

.global_form .wrap_footer_form .right_content {
    float: right
}

.global_form .wrap_footer_form .right_content .primary {
    margin-left: 20px
}

.global_form .wrap_footer_form .right_content .secondary {
    font-weight: 400
}

.main_default_grid {
    margin-right: -25px
}

.main_default_grid ul.wrap_default_grid {
    position: relative;
    width: 100%;
    display: table
}

.main_default_grid ul.wrap_default_grid.w2 li {
    width: 50%;
    float: left
}

.main_default_grid ul.wrap_default_grid.w3 li {
    width: 33.33%;
    float: left
}

.main_default_grid ul.wrap_default_grid.w4 li {
    width: 25%;
    float: left
}

.main_default_grid ul.wrap_default_grid.w5 li {
    width: 20%;
    float: left
}

.main_default_grid ul.wrap_default_grid li {
    padding-right: 25px
}

.main_modal {
    background-color: rgba(60, 114, 160, .7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    min-width: 780px;
    z-index: 50
}

.main_modal .wrap_modal {
    width: 100%;
    height: 100vh;
    display: table-cell;
    vertical-align: middle
}

.main_modal .wrap_modal .content_modal {
    width: 100%;
    padding: 50px 0;
    max-height: 100vh;
    position: relative;
    overflow: auto
}

.pic_user {
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #518cbe;
    position: relative;
    overflow: hidden;
    cursor: default;
    background-size: cover;
    background-position: center center
}

.pic_user:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.pic_user.blue {
    background-color: #395bbf
}

.pic_user.yellow {
    background-color: #fede02
}

.pic_user.red {
    background-color: #fa6447
}

.pic_user.user {
    background: url(../../../../../images/components/user.png) no-repeat !important
}

.pic_user .pic_user_text {
    font-weight: 700;
    text-align: center;
    width: 100%;
    font-size: 10px;
    position: absolute;
    line-height: 0;
    top: 50%;
    margin-top: 0;
    color: #fff
}

.main_arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.main_arrow.bottom_right .wrap_popover {
    right: 0;
    top: 20px
}

.main_arrow.bottom_left .wrap_popover {
    left: 0;
    top: 20px
}

.main_arrow.top_left .wrap_popover {
    left: 0;
    bottom: 20px
}

.main_arrow.top_right .wrap_popover {
    right: 0;
    bottom: 20px
}

.main_arrow.middle_top .wrap_popover {
    bottom: 25px
}

.main_arrow.middle_top .wrap_popover .indicative_arrow {
    bottom: -7px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2deg)
}

.main_arrow.middle_bottom .wrap_popover {
    top: 25px
}

.main_arrow.middle_bottom .wrap_popover .indicative_arrow {
    top: -7px
}

.main_arrow .icon_arrow_options {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    z-index: 1;
    opacity: .5
}

.main_arrow .icon_arrow_options:after, .main_arrow .icon_arrow_options:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 1px;
    background: #3c72a0;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -1px
}

.main_arrow .icon_arrow_options:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
    left: 6px
}

.main_arrow .icon_arrow_options:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg);
    right: 6px
}

.main_arrow:focus .icon_arrow_options {
    opacity: 1
}

.main_arrow:focus .wrap_popover {
    visibility: visible;
    opacity: 1
}

.wrap_popover {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: inherit !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
    position: absolute;
    z-index: 20 !important;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    width: 150px
}

.wrap_popover .indicative_arrow {
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(60, 114, 160, .3)
}

.wrap_popover .indicative_arrow:before {
    content: "";
    position: absolute;
    top: 1px;
    left: -7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff
}

.wrap_popover .big_indicative_arrow {
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid rgba(60, 114, 160, .25)
}

.wrap_popover .big_indicative_arrow:before {
    content: "";
    position: absolute;
    top: 1px;
    left: -12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff
}

.wrap_popover ul.main_popover_options {
    width: 100%;
    padding: 4px
}

.wrap_popover ul.main_popover_options li {
    width: 100%;
    padding: 5px 15px 6px;
    color: rgba(60, 114, 160, .7);
    font-size: 14px;
    position: relative;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.wrap_popover ul.main_popover_options li.selected, .wrap_popover ul.main_popover_options li:hover {
    background: rgba(60, 114, 160, .05);
    color: #3c72a0
}

.wrap_popover ul.main_popover_options article {
    font-size: 12px;
    font-weight: 500;
    color: rgba(60, 114, 160, .3);
    display: block;
    padding: 7px 10px
}

.wrap_popover ul.main_popover_options.icon li {
    padding-left: 37px
}

.wrap_popover ul.main_popover_options.icon li .pic_user {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 4px
}

.wrap_popover ul.main_popover_options.icon li .pic_user .pic_user_text {
    font-size: 9px
}

.wrap_popover ul.main_popover_options.icon li .icon_fav {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 10px;
    top: 4px
}

.wrap_popover ul.main_popover_options.icon li .icon_fav img {
    width: 16px;
    position: absolute;
    top: 2px;
    left: 2px
}

.wrap_popover .global_content .main_header_popover {
    width: 100%;
    display: block;
    position: relative;
    min-height: 8px;
    box-shadow: 0 1px 0 rgba(60, 114, 160, .1);
    z-index: 1
}

.wrap_popover .global_content .main_header_popover .wrap_header_popover {
    width: 100%;
    padding: 8px 15px 9px;
    display: table;
    font-size: 12px
}

.wrap_popover .global_content .main_header_popover .wrap_header_popover .first {
    float: left
}

.wrap_popover .global_content .main_header_popover .wrap_header_popover .last {
    float: right
}

.wrap_popover .global_content .main_footer_popover {
    width: 100%;
    display: block;
    position: relative;
    min-height: 8px;
    box-shadow: 0 -1px 0 rgba(60, 114, 160, .1);
    z-index: 1
}

.wrap_popover .global_content ul.main_popover_notify {
    position: relative;
    max-height: 450px;
    overflow-y: auto;
    font-size: 12px
}

.wrap_popover .global_content ul.main_popover_notify li {
    width: 100%;
    cursor: pointer;
    box-shadow: 0 1px 0 rgba(60, 114, 160, .1);
    font-size: 12px;
    min-height: 60px;
    padding: 14px 30px 14px 55px;
    color: rgba(60, 114, 160, .7);
    line-height: 1.4;
    position: relative
}

.wrap_popover .global_content ul.main_popover_notify li:hover {
    background: rgba(60, 114, 160, .03);
    color: #3c72a0
}

.wrap_popover .global_content ul.main_popover_notify li .pic_user {
    position: absolute;
    left: 15px;
    top: 15px
}

.wrap_popover .global_content ul.main_popover_notify li .bullet_notify {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #b20000
}

.wrap_popover .global_content ul.main_popover_notify li .text {
    display: inline-block;
    margin-top: -1px;
    vertical-align: top
}

.wrap_popover .global_content ul.main_popover_notify li .text .data {
    display: inline-block;
    color: rgba(60, 114, 160, .4);
    vertical-align: top
}

.wrap_popover .global_content ul.main_popover_notify li b {
    font-weight: 500;
    color: #3c72a0
}

.wrap_popover .global_content ul.main_popover_notify .empty {
    display: block;
    text-align: center;
    padding: 10px 0 12px;
    color: rgba(60, 114, 160, .5)
}

.wrap_popover .main_popover_add_link {
    width: 100%;
    padding: 4px
}

.wrap_popover .main_popover_add_link .wrap_popover_add_link {
    background: rgba(60, 114, 160, .03);
    padding: 17px 20px 20px;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .1)
}

.wrap_popover .main_popover_add_link .wrap_popover_add_link .base {
    padding-bottom: 12px
}

.wrap_popover .main_popover_add_link .wrap_popover_add_link .base .title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    padding-bottom: 4px
}

.wrap_popover .main_popover_add_link .wrap_popover_add_link .wrap_checks {
    padding: 6px 0
}

.wrap_popover .main_popover_add_link .wrap_popover_add_link .footer_buttons_popup {
    display: block;
    width: 100%;
    padding-top: 20px;
    text-align: right
}

.wrap_popover .main_popover_add_link .wrap_popover_add_link .footer_buttons_popup .primary {
    margin-left: 15px;
    min-width: 80px
}

.wrap_popover .sep {
    display: block;
    clear: both;
    height: 1px;
    background: rgba(60, 114, 160, .05);
    margin: 4px -4px
}

.main_popup {
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(60, 114, 160, .1), inset 0 1px 0 rgba(255, 255, 255, .1), 0 2px 30px rgba(60, 114, 160, .2);
    position: relative;
    z-index: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: default
}

.main_popup.default {
    width: 400px
}

.main_popup.large {
    max-width: 1024px
}

.main_popup .main_header_popup {
    width: 100%;
    box-shadow: 0 1px 0 rgba(60, 114, 160, .2);
    z-index: 1;
    position: relative;
    padding-left: 30px
}

.main_popup .main_header_popup .title_header {
    display: block;
    font-weight: 500;
    padding: 20px 0 21px;
    text-shadow: 0 1px 0 #fff;
    font-size: 18px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main_popup .main_header_popup .subtitle_header {
    display: block;
    font-weight: 400;
    text-align: center;
    padding: 0 0 21px;
    font-size: 12px;
    color: rgba(60, 114, 160, .6);
    margin-top: -10px
}

.main_popup .main_header_popup .subtitle_header b {
    font-weight: 500;
    color: rgba(60, 114, 160, .7)
}

.main_popup .main_header_popup .ico_close {
    position: absolute;
    width: 21px;
    height: 21px;
    top: 19px;
    right: 25px;
    z-index: 1;
    opacity: .6;
    cursor: pointer
}

.main_popup .main_header_popup .ico_close:after, .main_popup .main_header_popup .ico_close:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background: #3c72a0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: 0
}

.main_popup .main_header_popup .ico_close:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg)
}

.main_popup .main_header_popup .ico_close:hover {
    opacity: 1
}

.main_popup .main_header_popup .back {
    display: inline-block;
    font-size: 14px;
    color: rgba(60, 114, 160, .5);
    font-weight: 400;
    position: absolute;
    left: 20px;
    top: 22px
}

.main_popup .main_header_popup .wrap_input_popup {
    width: 100%;
    position: relative;
    padding: 0 15px 15px
}

.main_popup .main_content_popup {
    width: 100%;
    position: relative;
    text-align: left;
    background: #fff;
    font-size: 14px;
    color: #3c72a0;
    z-index: 0;
    padding-bottom: 40px
}

.main_popup .main_content_popup.default {
    padding: 20px 25px 45px
}

.main_popup .main_content_popup .global_form {
    padding: 30px 30px 0
}

.main_popup .main_content_popup .g-recaptcha {
    padding-left: 30px
}

.main_popup .main_content_popup .description_content {
    font-size: 14px;
    line-height: 1.4;
    color: rgba(60, 114, 160, .7);
    display: block;
    padding: 20px 25px 25px
}

.main_popup .main_content_popup .check {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 4px
}

.main_popup .main_content_popup .arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    opacity: .5
}

.main_popup .main_content_popup .arrow:after, .main_popup .main_content_popup .arrow:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    background: #3c72a0;
    left: 50%;
    margin-left: -4px;
    top: 50%
}

.main_popup .main_content_popup .arrow:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
    margin-top: -4px
}

.main_popup .main_content_popup .arrow:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg);
    margin-top: 3px
}

.main_popup .main_content_popup .empty {
    display: block;
    color: rgba(60, 114, 160, .5);
    text-align: center;
    padding: 50px 0 20px
}

.main_popup .main_content_popup #resume-absences-crono-wrap h4 {
    margin-top: 30px;
    margin-bottom: 0
}

.main_popup .main_content_popup #resume-absences-crono-wrap h4:first-child {
    margin-top: 0
}

.main_popup .main_content_popup #resume-absences-crono-wrap span {
    color: rgba(60, 114, 160, .5);
    font-size: 12px;
    margin-top: -5px;
    margin-bottom: -5px
}

.main_popup .main_content_popup #resume-absences-crono-wrap table tr td {
    padding-bottom: 6px;
    padding-top: 5px
}

.main_popup .main_footer_popup {
    width: 100%;
    min-height: 10px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    background: #fff;
    position: relative;
    z-index: 1;
    display: table
}

.main_popup .main_footer_popup .wrap_footer_content {
    padding: 0 30px 30px;
    display: table;
    width: 100%;
    position: relative
}

.main_popup .main_footer_popup .wrap_footer_content .wrap_input_popup {
    width: 100%;
    position: relative;
    padding: 0 0 15px
}

.main_popup .main_footer_popup .wrap_footer_content .wrap_input_popup textarea {
    display: block;
    max-height: 150px
}

.main_popup .main_footer_popup .wrap_footer_content .wrap_buttons {
    float: right
}

.main_popup .main_footer_popup .wrap_footer_content .wrap_buttons .primary {
    margin-left: 15px;
    min-width: 100px;
    font-weight: 900
}

.main_popup .main_footer_popup .wrap_footer_content .wrap_buttons .secondary {
    margin-left: 15px;
    min-width: 100px;
    font-weight: 600
}

.main_popup .main_footer_popup .wrap_footer_content .aditional {
    position: absolute;
    left: 30px;
    bottom: 29px;
    font-size: 14px
}

.main_popup .main_footer_popup .wrap_footer_content .aditional .default_text {
    color: rgba(60, 114, 160, .5);
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 3px
}

.main_popup .main_footer_popup .wrap_footer_content .aditional .default_text b {
    font-weight: 500
}

.main_popup .main_footer_popup .wrap_footer_content .aditional a {
    font-weight: 500;
    display: inline-block;
    color: rgba(60, 114, 160, .5);
    padding-bottom: 11px;
    padding-left: 4px
}

.main_popup .main_footer_popup .wrap_footer_content .aditional a.small {
    font-size: 12px
}

.main_popup .main_footer_popup .wrap_footer_content .aditional a:hover {
    color: rgba(60, 114, 160, .8)
}

.main_popup .main_footer_popup .wrap_footer_content .aditional_center {
    width: 100%;
    font-size: 12px;
    text-align: center
}

.main_popup .main_footer_popup .wrap_footer_content .aditional_center .default_text {
    color: rgba(60, 114, 160, .5);
    display: block;
    text-align: center;
    padding-bottom: 3px
}

.main_popup .main_footer_popup .wrap_footer_content .aditional_center .default_text b {
    font-weight: 500
}

ul.main_default_tabs {
    position: absolute;
    left: 0;
    bottom: 15px;
    right: 0;
    text-align: center;
    z-index: 0
}

ul.main_default_tabs li {
    display: inline-block;
    margin-right: -5px;
    position: relative
}

ul.main_default_tabs li a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 20px;
    color: rgba(178, 0, 0, .5);
    position: relative
}

ul.main_default_tabs li a:hover {
    color: rgba(178, 0, 0, .8)
}

ul.main_default_tabs li a.select {
    color: #7f0000
}

ul.main_default_tabs li a.select:before {
    content: "";
    position: absolute;
    height: 3px;
    background: #395bbf;
    bottom: -16px;
    left: 0;
    right: 0
}

ul.main_default_tabs li span.more {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin: 0 15px;
    color: rgba(178, 0, 0, .5);
    position: relative
}

ul.main_default_tabs li span.more:hover .main_popover_options {
    visibility: visible;
    opacity: 1
}

ul.main_default_tabs li span.arrow_options {
    display: inline-block;
    width: 19px;
    height: 19px;
    position: absolute;
    right: -3px;
    top: 2px
}

ul.main_default_tabs li span.arrow_options:before {
    content: "";
    position: absolute;
    width: 0;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid rgba(178, 0, 0, .5)
}

ul.main_default_tabs li span.arrow_options:focus:before, ul.main_default_tabs li span.arrow_options:hover:before {
    border-top: 6px solid #395bbf
}

ul.main_default_tabs li span.arrow_options:focus .main_popover_custom {
    visibility: visible !important;
    opacity: 1 !important;
    right: 0
}

@media screen and (max-width: 1280px) {
    .main_default_tabs li a {
        margin: 0 15px
    }

    .main_default_tabs li .more {
        margin: 0 7px
    }
}

.wrap_alert {
    position: fixed;
    right: 35px;
    bottom: 35px;
    visibility: hidden;
    opacity: 0;
    z-index: 9999999
}

.wrap_alert .alert {
    position: relative;
    font-size: 12px;
    color: #fff;
    background: #3c72a0;
    display: inline-block;
    max-width: 700px;
    padding: 15px 60px 17px 20px;
    line-height: 1.4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.wrap_alert .alert a {
    color: #fede02;
    font-weight: 600;
    display: inline-block
}

.wrap_alert .alert p {
    display: block
}

.wrap_alert .alert .close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    right: 14px;
    opacity: .5;
    cursor: pointer
}

.wrap_alert .alert .close:after, .wrap_alert .alert .close:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: 0
}

.wrap_alert .alert .close:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg)
}

.wrap_alert .alert .close:hover {
    opacity: 1
}

.tooltip {
    cursor: pointer
}

.tooltipster-default {
    border-radius: 5px;
    background: rgba(60, 114, 160, .95);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 1px 5px rgba(60, 114, 160, .2)
}

.tooltipster-default .tooltipster-content {
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    padding: 10px 15px 12px;
    overflow: hidden;
    max-width: 250px
}

.tooltipster-icon {
    cursor: help;
    margin-left: 2px
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-left span, .tooltipster-arrow-top-right span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -8px
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-left span, .tooltipster-arrow-bottom-right span {
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-bottom: 5px solid;
    top: -5px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top span {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-bottom-left span, .tooltipster-arrow-top-left span {
    left: 6px
}

.tooltipster-arrow-bottom-left .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-bottom-right span, .tooltipster-arrow-top-right span {
    right: 6px
}

.tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left .tooltipster-arrow-border, .tooltipster-arrow-left span {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right .tooltipster-arrow-border, .tooltipster-arrow-right span {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

.tooltipster-content-changing {
    opacity: .5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.btn_extend {
    position: relative;
    display: table
}

.btn_extend .primary {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    float: left
}

.btn_extend .more_options {
    width: 30px;
    height: 36px;
    position: relative;
    background: #b20000;
    display: inline-block;
    float: left;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    background-image: -webkit-linear-gradient(top, #b20000, #7f0000);
    background-image: -moz-linear-gradient(top, #b20000, #7f0000);
    background-image: -o-linear-gradient(top, #b20000, #7f0000);
    background-image: -ms-linear-gradient(top, #b20000, #7f0000);
    background-image: linear-gradient(top, #b20000, #7f0000);
    box-shadow: inset 0 0 0 1px #4c0000;
    margin-left: -1px;
    cursor: pointer
}

.btn_extend .more_options:after, .btn_extend .more_options:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 1px;
    background: #fff;
    top: 50%;
    margin-top: -1px
}

.btn_extend .more_options:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
    left: 10px
}

.btn_extend .more_options:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg);
    right: 10px
}

.btn_extend .more_options:focus {
    background: #600;
    box-shadow: inset 0 0 0 1px #4c0000
}

.btn_extend .more_options:focus .wrap_popover {
    visibility: visible;
    opacity: 1;
    right: 0;
    left: auto;
    top: 35px;
    -webkit-border-radius: 2px 0 2px 2px;
    -moz-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px
}

.btn_extend .more_options .wrap_popover {
    left: auto;
    right: 0
}

.btn {
    display: inline-block;
    padding: 7px 15px 11px;
    font-weight: 700;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.small {
    padding: 4px 15px 7px
}

.btn.primary {
    background-color: #b20000;
    background-image: -webkit-linear-gradient(top, #b20000, #7f0000);
    background-image: -moz-linear-gradient(top, #b20000, #7f0000);
    background-image: -o-linear-gradient(top, #b20000, #7f0000);
    background-image: -ms-linear-gradient(top, #b20000, #7f0000);
    background-image: linear-gradient(top, #b20000, #7f0000);
    font-weight: 700;
    color: #fff;
    box-shadow: inset 0 0 0 1px #4c0000, inset 0 0 0 2px rgba(255, 255, 255, .15), 0 1px 0 rgba(60, 114, 160, .1);
    text-shadow: 0 1px 0 #4c0000
}

.btn.primary:hover {
    box-shadow: inset 0 0 0 1px #4c0000, inset 0 0 0 2px rgba(255, 255, 255, .3), 0 1px 0 rgba(60, 114, 160, .1)
}

.btn.primary:active {
    background: #7f0000;
    box-shadow: inset 0 0 0 1px #320000, inset 0 1px 2px #190000, 0 1px 0 #fff
}

.btn.secondary {
    color: rgba(60, 114, 160, .8);
    padding-bottom: 10px;
    position: relative;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fff, #f8f8f9);
    background-image: -moz-linear-gradient(top, #fff, #f8f8f9);
    background-image: -o-linear-gradient(top, #fff, #f8f8f9);
    background-image: -ms-linear-gradient(top, #fff, #f8f8f9);
    background-image: linear-gradient(top, #fff, #f8f8f9);
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .3), inset 0 0 0 1px rgba(255, 255, 255, .5), 0 1px 0 #fff;
    font-weight: 500
}

.btn.secondary:hover {
    color: #3c72a0
}

.btn.secondary:active {
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .35), inset 0 2px 1px rgba(60, 114, 160, .1)
}

.btn.green {
    background-color: #93cc2a;
    background-image: -webkit-linear-gradient(top, #93cc2a, #82b91d);
    background-image: -moz-linear-gradient(top, #93cc2a, #82b91d);
    background-image: -o-linear-gradient(top, #93cc2a, #82b91d);
    background-image: -ms-linear-gradient(top, #93cc2a, #82b91d);
    background-image: linear-gradient(top, #93cc2a, #82b91d);
    color: #fff;
    font-weight: 500;
    box-shadow: inset 0 0 0 1px #75a221
}

.btn.green:hover {
    color: #fff
}

.btn.green:active {
    background: #84b726;
    box-shadow: inset 0 0 0 1px #75a221
}

.btn.blue {
    background-color: #395bbf;
    background-image: -webkit-linear-gradient(top, #395bbf, #2d4898);
    background-image: -moz-linear-gradient(top, #395bbf, #2d4898);
    background-image: -o-linear-gradient(top, #395bbf, #2d4898);
    background-image: -ms-linear-gradient(top, #395bbf, #2d4898);
    background-image: linear-gradient(top, #395bbf, #2d4898);
    font-weight: 700;
    color: #fff;
    box-shadow: inset 0 0 0 1px #223670, inset 0 0 0 2px rgba(255, 255, 255, .15), 0 1px 0 rgba(60, 114, 160, .1);
    text-shadow: 0 1px 0 #223670
}

.btn.blue:hover {
    box-shadow: inset 0 0 0 1px #223670, inset 0 0 0 2px rgba(255, 255, 255, .3), 0 1px 0 rgba(60, 114, 160, .1)
}

.btn.blue:active {
    background: #2d4898;
    box-shadow: inset 0 0 0 1px #1c2c5d, inset 0 1px 2px #162349, 0 1px 0 #fff
}

.btn.red {
    background-color: #fa6447;
    background-image: -webkit-linear-gradient(top, #fa6447, #f93a15);
    background-image: -moz-linear-gradient(top, #fa6447, #f93a15);
    background-image: -o-linear-gradient(top, #fa6447, #f93a15);
    background-image: -ms-linear-gradient(top, #fa6447, #f93a15);
    background-image: linear-gradient(top, #fa6447, #f93a15);
    font-weight: 700;
    color: #fff;
    box-shadow: inset 0 0 0 1px #d52706, inset 0 0 0 2px rgba(255, 255, 255, .15), 0 1px 0 rgba(60, 114, 160, .1);
    text-shadow: 0 1px 0 #d52706
}

.btn.red:hover {
    box-shadow: inset 0 0 0 1px #d52706, inset 0 0 0 2px rgba(255, 255, 255, .3), 0 1px 0 rgba(60, 114, 160, .1)
}

.btn.red:active {
    background: #f93a15;
    box-shadow: inset 0 0 0 1px #bc2305, inset 0 1px 2px #a41e04, 0 1px 0 #fff
}

.btn.dis {
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .1);
    background: 0 0;
    color: rgba(60, 114, 160, .2);
    text-shadow: none;
    font-weight: 500;
    pointer-events: none
}

.btn .add_plus {
    display: inline-block;
    width: 11px;
    height: 11px;
    position: relative;
    vertical-align: top;
    margin-top: 4px;
    margin-right: 5px
}

.btn .add_plus:after, .btn .add_plus:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 1px;
    background: #fff;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -1px;
    box-shadow: 0 1px 0 #4c0000;
    z-index: 0
}

.btn .add_plus:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
    z-index: 1;
    box-shadow: 1px 0 0 #4c0000
}

.check {
    display: inline-block;
    margin: 8px 25px 8px 0;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.check label {
    display: inline-block;
    position: relative;
    font-size: 14px;
    padding-left: 30px;
    height: 21px;
    font-weight: 400;
    padding-bottom: 22px;
    vertical-align: top;
    line-height: 20px;
    cursor: pointer
}

.check label:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .3), 0 1px 0 #fff;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: -ms-linear-gradient(top, #fff, #fff);
    background-image: linear-gradient(top, #fff, #fff)
}

.check label:after {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    background: 0 0;
    left: 0;
    top: 0;
    background: 0 0/100%
}

.check label:active:before {
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .35), inset 0 2px 1px rgba(60, 114, 160, .1);
    background: #fff
}

.check.dis label {
    pointer-events: none !important;
    color: rgba(0, 0, 0, .3)
}

.check.dis label:before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    background: rgba(0, 0, 0, .02);
    color: rgba(0, 0, 0, .2)
}

.check.err label:before {
    box-shadow: inset 0 0 0 1px #ff6d5e
}

.check span {
    display: inline-block;
    padding-left: 30px;
    margin: -4px 0 0
}

.check input[type=checkbox]:checked + label:before {
    background-color: #b20000;
    background-image: -webkit-linear-gradient(top, #b20000, #7f0000);
    background-image: -moz-linear-gradient(top, #b20000, #7f0000);
    background-image: -o-linear-gradient(top, #b20000, #7f0000);
    background-image: -ms-linear-gradient(top, #b20000, #7f0000);
    background-image: linear-gradient(top, #b20000, #7f0000);
    box-shadow: inset 0 0 0 1px #4c0000, inset 0 0 0 2px rgba(255, 255, 255, .15), 0 1px 0 #fff
}

.check input[type=checkbox]:checked + label:active:before {
    background: #7f0000;
    box-shadow: inset 0 0 0 1px #320000, inset 0 1px 2px #190000, 0 1px 0 #fff
}

.check input[type=checkbox]:checked + label:after {
    background: url(../../../../../../../images/core/icons/icon-20.png) center -100px no-repeat
}

.check2 {
    display: inline-block;
    margin: 2px 25px 2px 0;
    position: relative;
    z-index: 0
}

.check2 label {
    display: inline-block;
    position: relative;
    font-size: 14px;
    padding-left: 33px;
    height: 15px;
    font-weight: 400;
    padding-bottom: 22px;
    vertical-align: top;
    line-height: 15px;
    cursor: pointer
}

.check2 label:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    left: 1px;
    top: 1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    background: #fff;
    -webkit-transition: all ease .15s;
    -moz-transition: all ease .15s;
    -ms-transition: all ease .15s;
    -o-transition: all ease .15s;
    transition: all ease .15s
}

.check2 label:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 15px;
    left: 0;
    top: 0;
    background: rgba(60, 114, 160, .15);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.check2 input[type=checkbox]:checked + label:before {
    left: 11px !important
}

.check2 input[type=checkbox]:checked + label:after {
    background: #6aa817
}

input, select, textarea {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    padding: 8px 15px 10px;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .3), 0 1px 0 #fff;
    border: none !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: 400;
    width: 100%;
    display: table;
    background: #fff;
    color: #3c72a0
}

input:invalid, select:invalid, textarea:invalid {
    border: none !important
}

input.err, select.err, textarea.err {
    box-shadow: inset 0 0 0 1px #fa6447 !important
}

input.dis, select.dis, textarea.dis {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    background: rgba(0, 0, 0, .02);
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    color: rgba(60, 114, 160, .5) !important
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: rgba(60, 114, 160, .4);
    text-transform: none;
    font-size: inherit
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: rgba(60, 114, 160, .4);
    font-size: inherit
}

input:focus, select:focus, textarea:focus {
    box-shadow: inset 0 0 0 1px #b20000, inset 0 2px 0 rgba(60, 114, 160, .1) !important
}

input:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: rgba(60, 114, 160, .2);
    font-size: inherit
}

input:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    color: rgba(60, 114, 160, .2);
    font-size: inherit
}

.radio {
    display: inline-block;
    margin: 5px 0;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio label {
    display: inline-block;
    position: relative;
    font-size: 14px;
    padding-left: 30px;
    height: 21px;
    font-weight: 400;
    padding-bottom: 22px;
    vertical-align: top;
    line-height: 20px;
    cursor: pointer
}

.radio label:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .3), 0 1px 0 #fff;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: -ms-linear-gradient(top, #fff, #fff);
    background-image: linear-gradient(top, #fff, #fff)
}

.radio label:active:before {
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .35), inset 0 2px 1px rgba(60, 114, 160, .1);
    background: #fff
}

.radio.dis label {
    pointer-events: none !important;
    color: rgba(0, 0, 0, .3)
}

.radio.dis label:before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    background: rgba(0, 0, 0, .02);
    color: rgba(0, 0, 0, .2)
}

.radio.err label:before {
    box-shadow: inset 0 0 0 1px #fa6447
}

.radio span {
    display: inline-block;
    padding-left: 30px;
    margin: -4px 0 0
}

input[type=radio]:checked + label:before {
    background-color: #b20000;
    background-image: -webkit-linear-gradient(top, #b20000, #7f0000);
    background-image: -moz-linear-gradient(top, #b20000, #7f0000);
    background-image: -o-linear-gradient(top, #b20000, #7f0000);
    background-image: -ms-linear-gradient(top, #b20000, #7f0000);
    background-image: linear-gradient(top, #b20000, #7f0000);
    box-shadow: inset 0 0 0 1px #4c0000, inset 0 0 0 2px rgba(255, 255, 255, .15), 0 1px 0 #fff
}

input[type=radio]:checked + label:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 0 rgba(60, 114, 160, .1);
    left: 7px;
    top: 7px
}

.main_select {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 100%
}

.main_select:hover .wrap_arrow {
    opacity: .9
}

.main_select .wrap_arrow {
    position: absolute;
    width: 11px;
    height: 11px;
    pointer-events: none;
    right: 11px;
    display: inline-block;
    opacity: .6;
    top: 12px;
    z-index: 2
}

.main_select .wrap_arrow:after, .main_select .wrap_arrow:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #3c72a0;
    top: 50%;
    margin-top: -1px;
    box-shadow: 0 1px 0 #fff
}

.main_select .wrap_arrow:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1deg);
    left: 0
}

.main_select .wrap_arrow:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg);
    right: 0
}

.main_select select {
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: -ms-linear-gradient(top, #fff, #fff);
    background-image: linear-gradient(top, #fff, #fff);
    margin: 0;
    color: rgba(60, 114, 160, .7);
    padding-right: 35px;
    font-weight: 500;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .3), inset 0 0 0 2px rgba(255, 255, 255, .5), 0 1px 0 rgba(60, 114, 160, .04) !important;
    cursor: pointer;
    text-shadow: 0 1px 0 #fff
}

.main_select select:hover {
    color: #3c72a0;
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .3), inset 0 0 0 2px #fff, 0 1px 0 rgba(60, 114, 160, .04) !important
}

.main_select select:focus {
    box-shadow: inset 0 0 0 1px #b20000, inset 0 1px 1px rgba(60, 114, 160, .2), 0 1px 0 #fff !important;
    z-index: 1 !important;
    position: relative
}

textarea {
    resize: none;
    line-height: 1.4
}

input[type=date] {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    padding: 9px 0 9px 15px;
    line-height: 1;
    position: relative
}

input[type=date]:invalid {
    box-shadow: inset 0 0 0 1px rgba(60, 114, 160, .3), 0 1px 0 #fff;
    border: none !important
}

input[type=date]:focus::-webkit-calendar-picker-indicator {
    opacity: 1
}

input[type=date]::-webkit-clear-button, input[type=date]::-webkit-inner-spin-button {
    display: none
}

input[type=date]::-webkit-calendar-picker-indicator {
    font-size: 14px;
    margin-top: 2px;
    color: transparent;
    position: absolute !important;
    right: 2px;
    top: 5px;
    opacity: .6;
    background: url(../../../../../../../images/core/icons/icon-20.png) center -120px no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 2
}

input[type=date]::-webkit-calendar-picker-indicator:hover {
    opacity: 1
}

input {
    margin: 0
}

.brainin_ia {
    position: relative
}

.brainin_ia ul.brainin_ia_results {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 40px;
    padding: 3px;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(60, 114, 160, .15), 0 0 0 1px rgba(60, 114, 160, .15);
    z-index: 20;
    text-align: left
}

.brainin_ia ul.brainin_ia_results:after, .brainin_ia ul.brainin_ia_results:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    left: 30px;
    z-index: 2
}

.brainin_ia ul.brainin_ia_results:after {
    border-bottom: 10px solid rgba(60, 114, 160, .2);
    top: -11px;
    z-index: 1
}

.brainin_ia ul.brainin_ia_results li {
    width: 100%;
    display: block;
    padding: 4px 25px 6px 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    color: #3c72a0;
    font-size: 12px
}

.brainin_ia ul.brainin_ia_results li.selected, .brainin_ia ul.brainin_ia_results li:hover {
    background: #518cbe;
    color: #fff
}

.brainin_ia .brainin_ia_searching {
    position: absolute;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 999999 !important;
    text-align: center
}

* {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    font-family: Montserrat, sans-serif;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    -webkit-text-size-adjust: none !important;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
    font-size: 14px;
    color: #3c72a0;
    z-index: 0;
    width: 100%;
    height: 100%
}

body {
    background: #fff
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a {
    color: #395bbf;
    text-decoration: none;
    font-weight: bolder;
    font-weight: 500;
    cursor: pointer
}

a.secondary {
    color: rgba(60, 114, 160, .5)
}

a.small {
    font-size: 12px;
    font-weight: 400
}

a:hover {
    color: #2d4898
}

a:hover.secondary {
    color: rgba(60, 114, 160, .9)
}

b, div, fieldset, form, h1, h2, h3, i, li, p, p1, p2, p3, ul {
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    list-style: none !important
}

.icon_20 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px !important;
    background: url(../../../../../images/core/icons/icon-20.png) no-repeat
}

.icon_30 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 30px !important;
    background: url(../../../../../images/core/icons/icon-30.png) no-repeat
}

.w2 {
    width: 50%;
    display: table-cell
}

.w3 {
    width: 33.33%;
    display: table-cell
}

.w4 {
    width: 25%;
    display: table-cell
}

.w5 {
    width: 20%;
    display: table-cell
}

.hide-pic {
    width: 0;
    height: 0;
    position: absolute
}

.hidden {
    display: none !important
}

::-webkit-scrollbar {
    width: 5px;
    position: absolute
}

::-webkit-scrollbar:horizontal {
    height: 5px
}

::-webkit-scrollbar-thumb {
    background: #6498c5
}

.wrap-tabs section {
    display: none
}

.wrap-tabs section.content-current {
    display: block
}

[type=checkbox], input[type=radio] {
    display: none
}

.btn, .primary, .secondary, button, input, label, select, textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.btn:invalid, .primary:invalid, .secondary:invalid, button:invalid, input:invalid, label:invalid, select:invalid, textarea:invalid {
    box-shadow: none
}

.btn:-moz-submit-invalid, .primary:-moz-submit-invalid, .secondary:-moz-submit-invalid, button:-moz-submit-invalid, input:-moz-submit-invalid, label:-moz-submit-invalid, select:-moz-submit-invalid, textarea:-moz-submit-invalid {
    box-shadow: none
}

.btn:-moz-ui-invalid, .primary:-moz-ui-invalid, .secondary:-moz-ui-invalid, button:-moz-ui-invalid, input:-moz-ui-invalid, label:-moz-ui-invalid, select:-moz-ui-invalid, textarea:-moz-ui-invalid {
    box-shadow: none
}

.mdl_none {
    left: auto;
    margin-left: auto;
    margin-top: auto;
    top: auto
}

#loading_full {
    display: none;
    width: 100%;
    height: 100vh;
    z-index: 999999;
    position: fixed;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2)
}

#loading_full:before {
    width: 50px;
    height: 50px;
    content: "";
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .05)
}

.tpl_main_default_tructure_mobile {
    display: none
}

.tpl_main_default_structure {
    width: 100%;
    position: relative;
    min-height: 100%;
    min-width: 780px
}

.tpl_main_default_structure .main_vertical_nav {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 320px;
    min-height: 100%;
    z-index: 3
}

.tpl_main_default_structure .main_body_content {
    width: 100%;
    padding-left: 360px;
    padding-right: 40px;
    padding-bottom: 40px;
    position: relative;
    display: table;
    background: #E9E9E9
}

@media screen and (max-width: 1300px) {
    .tpl_main_default_structure .main_vertical_nav {
        width: 250px
    }

    .tpl_main_default_structure .main_body_content {
        padding-left: 290px
    }
}

@media screen and (max-width: 980px) {
    .tpl_main_default_structure .main_vertical_nav {
        display: none
    }

    .tpl_main_default_structure .main_body_content {
        padding-left: 30px;
        padding-bottom: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 700px) {
    .tpl_main_default_structure {
        display: none
    }

    .tpl_main_default_tructure_mobile {
        display: block
    }
}