body {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0087c5+0,00b7c5+100 */
    background: #0087c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #0087c5 0%, #00b7c5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0087c5 0%,#00b7c5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0087c5 0%,#00b7c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087c5', endColorstr='#00b7c5',GradientType=1 ); /* IE6-9 */
    position: relative;
    overflow-x: hidden
}

fieldset{
    margin-top: 30px;
}

.login-box input:-webkit-autofill {
    background-color: transparent !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-autofill: transparent !important;
    -webkit-box-shadow: 0 0 0px 1000px #009FC5 inset;
}

.login-box input.ng-invalid.ng-touched {
    border: 1px solid #e94b4b;
    background-color: rgba(233, 75, 75, 1);
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.content-wrapper input.ng-invalid, .content-wrapper select.ng-invalid, .content-wrapper textarea.ng-invalid,  t4-checkbox-group.ng-invalid ul li {
    box-shadow: 0 0px 5px rgba(239,76,71,0.8);
    border: 1px solid rgba(239,76,71,0.8);
}

.loginButton, .contactForm .loginButton {
    background: #fff none repeat scroll 0 0;
    border-radius: 50px;
    color: #00c4d3;
    font-size: 16px;
    font-weight: 500;
    margin: 80px auto 0;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    border: none;
    width: auto;
}

.contactForm .loginButton {
    pointer-events: none;
}

.loginButton:hover, .contactForm .loginButton:hover {
    background: #E83F32 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
}


.loginErrorMessage{
    color:white;
}

.right{
    float:right !important;
}

.left{
    float:right !important;
}

.textLogin{
    color:white;
    font-weight: 500;
    font-size: 12px;
}
.clear{
    clear:both;
}

.inputLogin {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    height: 55px;
    outline: 0 none;
    padding: 0 20px;
    width: 100%;
    font-size: 16px;
}

.login .form-group {
    margin: 30px auto;
}

.login-box-body, .register-box-body {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.login-logo > img {
    width: auto;
}

.logo-mini > img {
    height: 100%;
    width: auto;
    padding: 10px;
}

.login-box, .register-box {
    width: 300px;
}

.login-logo {
    margin: 50px auto;
    padding-top: 60px;
}

.rightBox {
    text-align: right;
    float: none;
}

.login .form-group .col-xs-4 {
    float: none;
    margin: 0 auto !important;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    width: fit-content;
}

.login-logo, .register-logo {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 50px;
    text-align: center;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    width: max-content;
}

.rightBox a:hover .textLogin {
    color: #28c1cd;
}

.login-box .user-header .img-circle {
    border: 5px solid rgba(255, 255, 255, 0.4);
    height: 100px;
    width: 100px;
}

ul.nav.navbar-nav img {
    height: 100%;
    width: auto;
}

/*.content-login > div {
    height: 100%;
    overflow: hidden;
}*/

.content-login {
    height: 100%;
}

.btn-group.dropdown li {
    color: #444;
}

/*DASHBOARD*/


.contentDashboard .box.box-solid {
    box-shadow: none;
    border-radius: 0;
    padding: 80px 60px;
}

.contentDashboard .icon {
    font-size: 90px;
    font-weight: lighter;
    margin-bottom: 50px;
}

.box-solid .box-text h3 {
    font-size: 50px;
    font-weight: 100;
    margin-top: 0;
}

.box-text p {
    font-size: 16px;
}

.btn.btn-round {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50px;
    margin-top: 50px;
    font-weight: lighter;
    min-width: 100px;
    padding: 10px;
}

.btn.btn-round:hover {
    background: #fff;
    color: #1E9AC6;
}

.skin-blue .main-header .logo {
    position: relative;
    vertical-align: middle;
    background: #fff;
}

.sidebar-menu li a:hover span, .sidebar-menu li:hover a span, .sidebar-menu > li.current-item a .menu-icon, .sidebar-menu > li.current-item a span {
    color: #fff;
}

.skin-blue .sidebar-form .input-group:focus {
    border: 1px solid #e83f33;
}

.sidebar-collapse .menu-icon {
    font-size: 22px;
}

.sidebar-menu li a span {
    transition: all 0.2s;
}

.sidebar-menu > li:hover, .current-item {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7c5+0,0087c5+99 */
    background: #00b7c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #00b7c5 0%, #0087c5 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #00b7c5 0%,#0087c5 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #00b7c5 0%,#0087c5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7c5', endColorstr='#0087c5',GradientType=1 ); /* IE6-9 */

}

.skin-blue .main-header .logo:hover img {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
}

.menu-icon {
    font-size: 18px;
    margin-right: 12px;
    transform: translateX(0px);
    transition: all 0.2s ease 0s;
    -webkit-transform: translateX(0px);
    -webkit-transition: all 0.2s ease 0s;
    -ms-transform: translateX(0px);
    -ms-transition: all 0.2s ease 0s;
}

.sidebar-menu span {
    font-weight: 500 !important;
    text-transform: lowercase;
    color: #626667;
}

@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media
{
    .sidebar-menu span, body {
        font-weight: normal !important;
    }
}}

.sidebar-collapse .menu-icon {
    margin-right: 0;
}

ul.sidebar-menu {
    padding-left: 0;
    padding-top: 0;
}

.container {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    width: 98%;
}



.main-footer a {
    color: yellow;
}

b, strong {
    font-weight: 500;
}

.skin-blue .sidebar-form .btn:hover, button.btn.btn-search:hover span, button.btn.btn-search:focus span, .skin-blue .sidebar-form .btn:focus {
    color: #28c1cd;
}

.skin-blue .sidebar-form .btn, button.btn.btn-search {
    min-width: 0;
    box-shadow: none;
}

.row.buttons {
    display: none;
}



.breadcrumb {
    display: none;
}

.bg-light-blue-gradient {
    background: transparent;
}

.bg-orange-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb288e+0,e83f32+100 */
    background: #cb288e; /* Old browsers */
    background: -moz-linear-gradient(left,  #cb288e 0%, #e83f32 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #cb288e 0%,#e83f32 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #cb288e 0%,#e83f32 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb288e', endColorstr='#e83f32',GradientType=1 ); /* IE6-9 */

}

.bg-dark-green-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#37cccd+0,28aca6+100 */
    background: #37cccd; /* Old browsers */
    background: -moz-linear-gradient(top, #37cccd 0%, #28aca6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #37cccd 0%,#28aca6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #37cccd 0%,#28aca6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37cccd', endColorstr='#28aca6',GradientType=0 ); /* IE6-9 */
}

.bg-purple-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#076adb+0,9d5ae1+100 */
    background: #076adb; /* Old browsers */
    background: -moz-linear-gradient(left,  #076adb 0%, #9d5ae1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #076adb 0%,#9d5ae1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #076adb 0%,#9d5ae1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#076adb', endColorstr='#9d5ae1',GradientType=1 ); /* IE6-9 */

}

.contentDashboard .box-button a {
    color: #fff;
}

.contentDashboard .box-button:hover a, .contentDashboard .box-button a:hover {
    color: #0D9CD8;
}

.contentDashboard .box.box-solid {
    float: left;
    color: #fff;
    height: auto;
    overflow: hidden;
    position: relative;
}

.contentDashboard .chart h3 {
    font-size: 16px;
}

.box-solid.chartBox h3 {
    color: #000;
    font-size: 14px;
}

.contentDashboard .box.box-solid.chartBox img {
    height: auto;
    width: 100%;
}

.contentDashboard .box.box-solid.chartBox:last-child img {
    height: 95%;
    padding-top: 20px;
    width: auto;
}

.contentDashboard .box.box-solid.chartBox {
    padding: 30px;
    height: 440px;
}

.contentDashboard .box.box-solid.chartBox:hover {
    transform: none;
    box-shadow: none !important;
}

.loginForm > div {
    overflow: hidden;
}

nav.navbar.navbar-static-top {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    height: 100%;
    padding: 19px 0;
    text-align: center;
}

.loginForm nav.navbar.navbar-static-top {
    height: auto;
}

.login-box .user-header {
    height: auto;
    margin: 0 0 40px;
    text-align: center;
    width: 100%;
}

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

.user-header p {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    margin: 10px 0 0;
    letter-spacing: -1px;
    display: none;
}

.user-header span {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    clear: both;
    display: none;
}

.content-login .navbar img {
    height: 46px;
    width: auto;
}

.dropdown-toggle .hidden-xs {
    color: #28c1cd !important;
    font-size: 13px;
}

.home .logout {
    color: #fff;
}

.home .logout:hover {
    color: yellow;
}

.logout {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: medium none;
    border-image: none;
    border-right: none;
    border-left: 1px solid #d1d6df;
    border-top: medium none;
    box-shadow: none;
    color: #626667;
    margin: 11px 14px 0 0;
    padding: 0 13px;
    font-size: 13px;
    float: left;
    text-transform: uppercase;
    border-radius: 0;
}

.sidebar-form button:hover span {
    color: #28c1cd;
}

.logout:hover {
    color: #28c1cd;
}

.main-footer {
    background: #fff none repeat scroll 0 0;
    border-top: medium none;
    color: #626667;
    overflow: hidden;
    padding: 15px;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: transparent !important;
    color: #28c1cd !important;
}

.main-footer {
    background: #0087c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #0087c5 0%, #00b7c5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0087c5 0%,#00b7c5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0087c5 0%,#00b7c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087c5', endColorstr='#00b7c5',GradientType=1 ); /* IE6-9 */
    border-top: medium none;
    color: #fff;
    font-size: 12px;
    padding: 15px;
    z-index: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar {
    transform: translate(0px, 0px);
    width: 100% !important;
    z-index: 850;
}

.sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 138px !important;
}

.sidebar-mini.sidebar-collapse .main-header .logo {
    width: 137px !important;
}

.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 137px !important;
}

.menu-icon {
    display: block !important;
    float: left;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    width: fit-content;
}

.sidebar-collapse .sidebar-menu li span.ng-binding {
    display: none;
}

.skin-blue .sidebar-menu > li > a {
    border: none;
}

.sidebar-menu > li, .help {
    margin: 0;
    padding: 10px 15px;
}

.btn-search {
    background-color: white;
    border: medium none;
    color: #444;
    height: 26px !important;
    margin-left: -41px !important;
}
.rounded{
    border-radius: 16px !important;
}

.grid {
    width: 500px;
    height: 200px;
}

.login-box .col-xs-4 {
    float: none;
    margin: 0 auto !important;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    width: fit-content;
}

.login-box .form-group:first-child {
    margin-bottom: 10px;
}

.content-login .buttonHeaderContainer {
    display: none;
}

.loginErrorMessage {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}

.loginMessages.animation {
    animation-name: shake;
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

@keyframes shake {
    0%, 100% {
        transform: translate3d(0px, 0px, 0px);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0px, 0px);
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0px, 0px);
    }
}

.loginMessages {
    background-color: #e94b4b;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    right: -264px;
    top: 14%;
    width: 237px;
}

.loginMessages.block {
    display: block;
}

.loginMessages::before {
    border-color: transparent #e94b4b transparent transparent;
    border-style: solid;
    border-width: 9px;
    content: "";
    height: 0;
    left: -18px;
    position: absolute;
    top: 39%;
    z-index: 9;
}

.login-box-body {
    position: relative;
}





.sidebar-menu > li, .help {
    position: relative;
    border-bottom: 1px solid #e1e1e1;
}

.sidebar-menu > li.current-item a {
    color: #0296d3;
}

/*DETAIL VIEW*/

.pageContainer {
    padding: 20px;
    box-sizing: border-box;
}

button.buttonHeader {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    overflow: hidden;
}

.buttonHeader:first-child span, .buttonHeader:first-child .icon, button.buttonHeader[disabled]:first-child:hover span, button.buttonHeader[disabled]:first-child:hover .icon {
    color: #00c599;
}

.buttonHeader:nth-child(2) span, .buttonHeader:nth-child(2) .icon, button.buttonHeader[disabled]:nth-child(2):hover span, button.buttonHeader[disabled]:nth-child(2):hover .icon {
    color: #FA8228;
}

.buttonHeader:nth-child(3) span, .buttonHeader:nth-child(3) .icon, button.buttonHeader[disabled]:nth-child(3):hover span, button.buttonHeader[disabled]:nth-child(3):hover .icon {
    color: #EF4A4A;
}

.buttonHeader:last-child span, .buttonHeader:last-child .icon, button.buttonHeader[disabled]:last-child:hover span, button.buttonHeader[disabled]:last-child:hover .icon {
    color: #00A1EB;
}



.buttonHeader span, .buttonHeader .icon {
    font-weight: 400;
}

button.buttonHeader[disabled] {
    border-radius: 5px;
    box-shadow: none;
    float: left;
    font-size: 17px;
    font-weight: bold;
    opacity: 0.2;
}

button.buttonHeader[disabled]::after {
    content: none;
}


button.buttonHeader[disabled]:hover::after {
    transform: none;
}

.buttonHeader .icon {
    font-size: 25px;
    font-weight: bold;
    margin-left: 10px;
}

.buttonHeader {
    float: left;
    height: 100px;
    vertical-align: middle;
    backface-visibility: hidden;
    transform: translateZ(0px);
    transition-duration: 0.5s;
    transition-property: box-shadow, transform;
    -webkit-transform: translateZ(0px);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-property: box-shadow, transform;
    -ms-transform: translateZ(0px);
    -ms-transition-duration: 0.5s;
    -ms-transition-property: box-shadow, transform;
    border-radius: 5px;
    box-shadow: none;
    font-size: 17px;
    font-weight: bold;
    margin-right: 1.3%;
    width: 24%;
    margin-top: 20px;

}

.buttonHeader::after {
    background: transparent none repeat scroll 0 0;
    border-radius: 50px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale3d(0, 0, 0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    z-index: -1;
}

.buttonHeader:last-child {
    margin-right: 0 !important;
}

.buttonHeader:hover::after {
    border-radius: 0;
    transform: scale3d(1.2, 1.2, 1);
}

.buttonHeader:first-child:hover::after {
    background: #00c599 none repeat scroll 0 0;
}

.buttonHeader:nth-child(2):hover::after {
    background: #fa8228 none repeat scroll 0 0;
}

.buttonHeader:nth-child(3):hover::after {
    background: #ef4343 none repeat scroll 0 0;
}

.buttonHeader:last-child:hover::after {
    background: #00a1eb none repeat scroll 0 0;
}

.buttonHeader:hover span, .buttonHeader:hover .icon {
    color: #fff;
}

.buttonHeader span {
    font-size: 20px;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.buttonHeaderContainer {
    float: left;
    padding: 0 20px;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

button.buttonHeader[disabled]:hover {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    box-shadow: none !important;
}

span {
    font-family: "Open Sans",sans-serif;
}

.btn span {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    vertical-align: middle;
}

.detailContainer {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    height: 100%;
    padding: 20px;
    float: left;
    width: 100%;
}

.btn.btn-back {
    background: #b6b6b6 none repeat scroll 0 0;
    float: left;
}

.btn.btn-back:hover {
    background: #646464;
}

.headerDetail {
    margin-bottom: 30px;
}

.headerDetail {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px;
    width: 100%;
}

.headerDetail > span {
    float: left;
    font-weight: 600;
    text-align: center;
    width: 88%;
    color: #646464;
    text-transform: uppercase;
}

.content-wrapper h4 {
    font-size: 14px;
    font-weight: 600;
    color: #646464;
    margin: 0 0 40px 0;
    text-transform: uppercase;
}

.content-wrapper label {
    color: #646464;
    float: left;
    font-size: 13px;
    font-weight: 500;
    margin-right: 35px;
    text-align: right;
    width: 19%;
    text-transform: capitalize;
    position: relative;
}

.content-wrapper input, .content-wrapper textarea {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    float: left;
    height: 32px;
    margin-bottom: 10px;
    width: 78%;
    padding: 5px 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.content-wrapper table input, .content-wrapper table textarea {
    width: auto;
}

textarea {
    display: block;
    overflow: auto;
}

.detailSection {
    border-bottom: 1px solid #d3d3d3;
    float: left;
    width: 100%;
    padding: 30px 0;

}

.content-wrapper .detailSearch input {
    background-color: rgba(255, 255, 255, 0.6);
    border-color: #0087c5;
    border-radius: 50px !important;
    height: 30px;
    text-transform: capitalize;
    width: 200px;
    color: #646464;
}

.detailContainer .table th {
    background: #fff none repeat scroll 0 0;
}

.detailSearch .btn-search span {
    color: #8c8c8c;
}

.detailSearch .btn-search {
    background: transparent none repeat scroll 0 0;
}

.btn-inner {
    font-weight: 500;
    margin: 0 8px;
    color: #fff;
    font-size: 13px;
}

.btn-inner .icon {
    margin-left: 5px;
    vertical-align: unset;
}

.btn-crono {
    background: #EA018E;
}

.btn-select {
    background: #CB288D;
}

.btn-select:hover {
    background: #B20E73;
}

.btn-download {
    background: #4F62DE;
}

.btn-download:hover {
    background: #2B41CE;
}

.btn-excel {
    background: #9C5AE1;
}

.btn-excel:hover {
    background: #7424C9;
}

.btn-add {
    background: #0dc89e none repeat scroll 0 0;
    position: relative;
    z-index: 0;
}

.btn-edit {
    background: #FF8D02 none repeat scroll 0 0;
}

.btn-remove {
    background: #EF4C47 none repeat scroll 0 0;
}

.btn-add:hover, .btn-add:active, .btn-add:focus {
    background: #0087C5 none repeat scroll 0 0;
}

.btn-edit:hover, .btn-edit:active, .btn-edit:focus {
    background: #E27B04 none repeat scroll 0 0;
}

.btn-remove:hover, .btn-remove:active, .btn-remove:focus {
    background: #DB2E2B none repeat scroll 0 0;
}

.btn.focus, .btn:focus, .btn:hover, .btn.focus span, .btn:focus span, .btn:hover span {
    color: #fff;
}

.btn-crono:hover {
    background: #DB188D;
}

.box-tools-left {
    float: left;
    width: 44%;
}

.box-tools-right {
    float: right;
    width: 43%;
}

.tableBoxHeader .box-tools-right {
    width: 50%;
}

.box-tools-right {
    text-align: right;
}

.tableBoxHeader {
    background: #ededed none repeat scroll 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: left;
    padding: 20px;
    width: 100%;
}

.tableBoxHeader h4 {
    float: left;
    margin: 8px 20px 0 0;
    width: -webkit-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    width: fit-content;

}

button.btn.btn-inner[disabled], a.btn.disabled {
    cursor: not-allowed;
    pointer-events: all;
    opacity: 1;
}

.detailContainer .text-center .btn-load-more {
    margin-top: 30px;
}

.detailContainer .text-center .btn-load-more {
    margin-top: 30px;
}

.detailContainer .text-center {
    text-align: center;
}


.detailContainer .text-center span {
    padding-top: 0;
    color: #fff;
}

.detailContainer .text-center .icon.icon-repeat {
    color: #fff;
    margin-right: 5px;
}

.detailContainer .text-center button {
    background: #1BB8ED;
}

.detailContainer .text-center button:hover {
    background: #11A8DB;
}

.detailSection .box-body {
    background: #fff none repeat scroll 0 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.detailSection .box-body.notes {
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    margin-top: 20px;
}

.btn.btn-inner:hover {
    color: #fff;
}

.detailModal #name {
    width: 300px;
}

.modalBody #documentFile {
    margin-left: 20px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    width: max-content;
    height: auto;
    max-width: 40%;
}

.content-wrapper .uploadDocument:hover {
    box-shadow: 0 1px 0 #9ad5ed;
    border-radius: 0;
    cursor: pointer;
}

.btn-quit {
    background: #EF4C47;
}

.btn-generate {
    background: #1BB8ED;
}

.btn-print {
    background: #FDD302;
}

.btn-quit:hover {
    background: #DB3734;
}

.btn-generate:hover {
    background: #0AA7DB;
}

.btn-print:hover {
    background: #F2C602;
}

/*DETTAGLIO MODAL*/

.content-wrapper {
    /*position: relative;*/
    height: 92%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.detailModalContainer {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0087c5+0,00b7c5+100&0.9+0,0.9+100 */
    background: -moz-linear-gradient(top,  rgba(0,135,197,0.9) 0%, rgba(0,183,197,0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,135,197,0.9) 0%,rgba(0,183,197,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,135,197,0.9) 0%,rgba(0,183,197,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60087c5', endColorstr='#e600b7c5',GradientType=0 ); /* IE6-9 */
    height: 100%;
    overflow-y: scroll;
    padding-left: 200px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    padding-top: 80px;
    overflow-x: hidden;
}


.modalBody h4 {
    text-align: center;
}

.detailModalContainer.ng-animate {
    animation-name: slideInLeft;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    overflow-y: hidden;
}

.detailModalContainer.ng-animate.ng-hide {
    animation-name: slideOutLeft;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    overflow-y: hidden;
}

.btn.btn-inner.btn-load-more > span {
    color: #fff !important;
}

@keyframes slideOutLeft {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(-100%, 0px, 0px);
        visibility: hidden;
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0px, 0px);
        visibility: visible;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}


@keyframes slideInUp {
    0% {
        transform: translate3d(0px, 100%, 0px);
        visibility: visible;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translate3d(0px, 100%, 0px);
        visibility: visible;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

/*.detailModalContainer {
    animation-name: slideOutDown;
    animation-duration: 0.8s;
    animation-fill-mode: both;
    -webkit-animation-name: slideOutDown;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    -ms-animation-name: slideOutDown;
    -ms-animation-duration: 0.8s;
    -ms-animation-fill-mode: both;
}*/

@keyframes slideOutDown {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(0px, 100%, 0px);
        visibility: hidden;
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(0px, 100%, 0px);
        visibility: hidden;
    }
}

.content-wrapper .modalBody th input[type="checkbox"] {
    margin-right: 6px;
}

.modalBody {
    background: #fff none repeat scroll 0 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.1);
    padding: 30px 0;
    overflow: hidden;
}

.modalBody .listCheckbox {
    padding: 8px 8px 8px 30px !important;
}

.modalBody input {
    float: none;
}

.icon.ti-close:hover {
    opacity: 0.8;
}

.modalBoxHeader {
    background: #fff none repeat scroll 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px solid #ebebeb;
}

.modalBoxHeader > h4 {
    margin-bottom: 5px;
    text-align: center;
    width: 95%;
    float: left;
}

.detailModal {
    margin: 60px auto;
    width: 80%;
}

.detailModal input, .detailModal textarea {
    width: 70%;
}

.btn-cancel {
    background: #919191;
}

.btn-save {
    background: #00B4C5;
}

.btn-cancel:hover, .btn-cancel:active, .btn-cancel:focus {
    background: #707070;
}

.btn-save:hover, .btn-save:active, .btn-save:focus {
    background: #0087C5;
}

.modalButtons {
    padding: 60px 30px 0;
    text-align: center;
}

.modalButtons {
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 30px 30px;
    text-align: center;
    width: 80%;
}

.modalButtons button:first-child {
    float: left;
}

.modalButtons button:last-child {
    float: right;
}

#documentForm > input {
    height: auto;
}

.input-group.date, #documentForm select {
    margin-bottom: 20px;
}

.content-wrapper .uploadDocument {
    background: transparent none repeat scroll 0 0;
    border: medium none;
}

#documentForm > input {
    width: 38%;
}

.documentValidation > label {
    width: 35%;
}

.documentValidation .input-group.date {
    float: left;
    width: 200px;
}

.modalBody input, .modalBody select, .modalBody textarea {
    margin-bottom: 20px;
}

.detailModal .documentValidation {
    float: left;
    width: 40%;
}

.content-wrapper .validationLabel {
    width: 10%;
}

.detailModal .input-group.date {
    float: left;
    width: 23.7%;
}

.content-wrapper .detailSearch input:focus, .form-control:focus {
    border-color: #64C6F4;
}

.bodyScroll {
    overflow: hidden;
}


/*TABLE*/

.table > thead > tr > th {
    border-bottom: 0 none;
}

.tableContainer th.titleTable:hover {
    cursor: pointer;
    box-shadow: 0 1px 0 #9ad5ed;
}

/*.tableContainer th.listCheckbox:hover {
    background: transparent none repeat scroll 0 0;
}
*/
.icon.icon-maximize {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.box .box-tools-left .btn.btn-search {
    background: transparent none repeat scroll 0 0;
}

.box-tools-left .tableSearch .btn-search span {
    color: #bcbcbc;
}

.content-wrapper .tableSearch input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #00b7c5;
    border-image: none;
    border-radius: 0 !important;
    border-style: none none solid;
    border-width: medium medium 1px;
    height: 40px;
    width: 250px;
}

.tableContainer .box-tools-left input {
    text-transform: capitalize;
}

.table td {
    color: #272727;
}

.table th {
    background: #ededed none repeat scroll 0 0;
    border-radius: 5px;
    text-transform: capitalize;
    color: #535353;
}

.content-wrapper input[type="checkbox"] {
    height: auto;
    margin-bottom: 0;
    padding: 0;
    width: auto;
}

.tableContainer {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
}

.box-body th, .box-body td {
    border-right: 1px solid #ebebeb;
}

.pagination > li > a {
    background: transparent none repeat scroll 0 0;
    color: #b7b7b7;
    font-weight: 500;
    border: none;
    font-size: 13px;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    background-color: transparent;
    border-color: transparent;
    color: #b7b7b7;
    cursor: not-allowed;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: transparent;
    color: #0087C5;
    cursor: default;
    z-index: 3;
}

.paginator .pagination {
    border-radius: 0 !important;
    float: right !important;
    margin: 0 !important;
}

.text-center {
    padding: 0 20px;
    text-align: right;
}

a {
    color: #28c1cd;
}

table.table a {
    font-size: 12px;
}

table th {
    color: #646464;
    font-weight: 700;
}

.no_icon{
    color: transparent;
}

.text-center span {
    color: #b7b7b7;
    font-size: 13px;
    padding-top: 30px;
}

.listCheckbox {
    padding: 8px 20px !important;
    width: 20px;
}

.table-hover > tbody > tr:hover {
    background-color: #e5f3f9;
}

tr.duplicate{
    background: #ffe7a5 none repeat scroll 0 0;
}

.titleTable .icon {
    color: #c1c1c1;
}

.table-hover table thead:hover {
    background: transparent none repeat scroll 0 0;
}

/*ALERT*/



.alert {
    border: medium none !important;
    font-weight: 500;
    margin: auto;
    padding: 18px 30px;
    position: fixed;
    right: 0;
    top: 100px;
    width: auto;
    z-index: 999999;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
    color: #fff !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.alert-leave {
    left: 0;
    margin: auto;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 30%;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -ms-fit-content;
    width: fit-content;
    z-index: 999999;
    border: none !important;
    font-weight: 500;
    box-shadow: none;
    max-width: 600px;
    width: 100%;
}

.alert.alert-success {
    background: #0dc89e none repeat scroll 0 0 !important;
}

.alert.alert-block.alert-danger {
    background: #ef4343 none repeat scroll 0 0 !important;
}

.alert.alert-info {
    background: #00a1eb none repeat scroll 0 0 !important;
}

.alert.alert-info.alert-leave {
    background: #00a1eb none repeat scroll 0 0 !important;
}

.alert.alert-warning {
    background: #fbcf49 none repeat scroll 0 0 !important;
}

/*.alert.alert-info.alert-leave {
    background: #FDF5C7 none repeat scroll 0 0 !important;
    color: #37779A !important;
}*/

.alert .icon {
    color: #b7b7b7;
    margin-left: 10px;
    float: right;
    font-weight: 700;
}

.alert .icon:hover {
    cursor: pointer;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

#userTmpFeedback.ng-animate, #userTmpListFeedback.ng-animate {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
}

#userTmpFeedback.ng-animate.ng-hide, #userTmpListFeedback.ng-animate.ng-hide {
    animation-name: slideOutLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
}



@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0px, 0px);
        visibility: visible;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes slideOutRight {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(100%, 0px, 0px);
        visibility: hidden;
    }
}


#userOptionsModal.ng-animate, .alert.alert-info.alert-leave  {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: both;
}

#userOptionsModal.ng-animate.ng-hide {
    animation-name: fadeOut;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.alert.alert-leave {
    text-align: center;
}

.alertButtons {
    margin-top: 20px;
}

.alert .btn {
    font-weight: 500;
    color: #fff;
    margin: 0 10px;
}

.alert .btn.btn-confirm {
    background: #0089C0;
}

.alert .btn.btn-refuse {
    background: #727272;
}

.alert .btn.btn-confirm {
    background: #fff none repeat scroll 0 0;
    color: #727272;
}

.alert .btn.btn-confirm:hover, .alert .btn.btn-confirm:active, .alert .btn.btn-confirm:focus {
    background: #cccccc none repeat scroll 0 0;
}

.alert .btn.btn-confirm {
    background: #fff none repeat scroll 0 0;
    color: #727272;
}

.alert .btn.btn-refuse:hover, .alert .btn.btn-refuse:active, .alert .btn.btn-refuse:focus {
    background: #484848;
}

.alert .btn {
    border-radius: 5px;
}

.alert .iconAnimated {
    animation-duration: 1s;
    animation-fill-mode: both;
    float: none;
    font-size: 40px;
    font-weight: lighter;
    margin: 0 20px 0 0;
    float: none;
    animation-delay: 0.3s;
    height: 48px;
    padding: 0 0 5px;
}

.alert span {
    vertical-align: middle;
}

.alert-success .iconAnimated {
    color: #fff;
    animation-name: rotateIn;
    font-size: 35px;
}

.alert-danger .iconAnimated {
    color: #fff;
    animation-name: pulse;
    font-size: 35px;

}

.alert-info .iconAnimated {
    color: #fff;
    animation-name: swing;
    animation-duration: 0.8s;
    transform-origin: center top 0;
}

.alert-info.alert-leave .iconAnimated {
    color: #fff;
    animation-name: swing;
    animation-duration: 0.8s;
    transform-origin: center top 0;
}

.alert .iconAnimated:hover {
    cursor: default;
}

.alert .iconAnimated {
    display: block;
    float: none;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
    margin-right: 0;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
    }
    20% {
        transform: scale3d(1.15, 1.15, 1.15);
    }
    60% {
        transform: scale3d(1, 1, 1);
    }
    80% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}


@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate3d(0, 0, 1, -200deg);
        transform-origin: center center 0;
    }
    100% {
        opacity: 1;
        transform: none;
        transform-origin: center center 0;
    }
}

.bodyHidden::after {
    background-color: rgba(255, 255, 255, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.bodyHidden {
    overflow: hidden;
}

.detailSection select {
    float: left;
    height: 32px;
    margin-bottom: 10px;
    width: 18%;
    -webkit-appearance: none;
    padding: 2px 6px;
}

.detailSection select.thanksGiving {
    display: inline-block;
    margin: auto;
    margin-top: 7px;
    float: none;
}

.adjust-btn-send-thanks {
    top: -6px;
}
.detailSection .btn-inner.btn-add.recap {
    float: right;
    margin-right: 0;
    margin-bottom: 20px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    width: -ms-fit-content;
    max-width: 200px;
}

.recapContainer {
    width: 78%;
    float: left;
}

.recap {
    float: left;
    width: 100%;
}

.recapInput {
    float: left;
    width: 100%;
}

.recap input {
    margin: 0 20px;
    width: 74%;
}

.detailContainer .modalBoxHeader .ti-close, .detailContainer .modalBoxHeader .inputGroupListContainer .ti-close, .modalBoxHeader .ti-close, .modalBody .ti-close {
    background: #ef4c47 none repeat scroll 0 0;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    margin-top: 0;
    padding: 5px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 22px;
}

.detailContainer .modalBoxHeader .ti-close:hover, .detailContainer .modalBoxHeader .inputGroupListContainer .ti-close:hover, .modalBoxHeader .ti-close:hover {
    background: #ef4e4a none repeat scroll 0 0;
    cursor: pointer;
}

/*PERICOLI*/

.dangerBlock {
    border-radius: 5px;
    float: left;
    margin: 20px 15px 0 0;
    min-width: 105px;
    padding: 15px;
    text-align: center;
}

.dangerBlock:last-child {
    margin-right: 0;
}

.dangerContainer {
    border-bottom: 1px solid #d3d3d3;
    float: left;
    margin: 20px 0;
    padding-bottom: 30px;
    width: 100%;
}

.dangerBlock span {
    font-size: 12px;
}

.dangerBlock:hover {
    cursor: pointer;
}

.dangerBlock img {
    margin-bottom: 10px;
}

.dangerBlock:hover img {
    transform: scale(1.2);
}

/*.dangerBlock.selected-asset-add, .dangerBlock.selected-asset-remove {
    box-shadow: 0 0 0 5px #f0f0f2 inset, 0 2px 15px rgba(0, 0, 0, 0.1) inset;
}*/

/*.dangerBlock.selected-asset-add .dangerHover, .dangerBlock.selected-asset-remove .dangerHover {
    box-shadow: 0 0 0 3px #54c0ea inset, 0 2px 25px rgba(84, 192, 234, 0.5) inset;
}*/

button:focus, input:focus, textarea:focus {outline:0;}

.inputGroupListContainer  {
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
}

.content-wrapper .inputGroupList input {
    float: left;
    margin-right: 15px;
    width: 67.5%;
}

.content-wrapper .inputGroupList input:first-child {
    width: 30%;
}

.inputGroupListContainer .icon {
    float: left;
}

.inputGroupList {
    float: left;
    width: 98%;
}

.dangerBlock {
    position: relative;
    width: 205px;
    height: 148px;
}

.dangerBlock:hover {
    cursor: pointer;
}

.dangerHover {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    box-shadow: 0 0 0 3px #54c0ea inset;
    display: none;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9;
}

.dangerBlock.selected-asset .dangerHover, .dangerBlock.selected-asset.selected-asset-add .dangerHover {
    box-shadow: 0 0 0 3px #58e366 inset;
}

.dangerBlock:hover .dangerHover {
    display: block;
}

.dangerHover .icon {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: rotateIn;
    font-size: 23px;
    margin-top: 45px;
}

.dangerHover .icon-circle-plus {
    color: #54c0ea;
}

.dangerBlock.selected-asset .dangerHover .icon-circle-check {
    color: #58e366;
}

.dangerBlock.selected-asset {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 0 3px #58e366 inset;
}




/*MENU FIXED*/

nav {
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}

.main-header {
    height: 80px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5;
}

.main-header .logo {
    height: 80px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.main-header .sidebar-toggle {
    padding: 7px 32px;
}

.skin-blue .sidebar-form {
    height: auto;
    padding: 0;
    margin: 0;
    width: 288px;
    margin-left: 20px;
}

.dropdown.user.user-menu {
    padding: 0 15px;
}

.dropdown.user span {
    margin-top: 12px;
    float: left;
}
.main-sidebar, .left-side {
    padding-top: 0;
    position: absolute;
}

.sidebar-menu > li > a {
    padding: 14px 12px;
}

.content-wrapper {
    padding-top: 80px;
}

.buttonHeader.ng-hide-animate {
    -webkit-transition: none;
    transition: none;
}

.box-text {
    padding: 0;
}

.sidebar {
    height: 100%;
    padding-bottom: 10px;
}


/*//*/

.table-responsive {
    border: medium none;
}

.buttonPos {
    float: none;
    margin: 0 auto;
    overflow: hidden;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    width: max-content;
    margin: 0 auto 60px;
    text-align: center;
}

a, .skin-blue .sidebar-form input[type="text"], .loginButton, .textLogin, button, .loginErrorMessage, .loginMessages, .skin-blue .main-header .logo, .skin-blue .main-header .logo img, .form-control:focus, .form-control, .contentDashboard .box-solid, .detailContainer .icon.ti-close,
.dangerBlock, .bodyHidden, .dangerBlock img, .dangerBlock, .dangerHover, .sidebar-form button span, .buttonHeaderContainer.buttonScroll button.buttonHeader, button.btn.btn-search span, .content-wrapper .uploadDocument {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.generatePw {
    float: left;
    width: 70%;
    position: relative;
}

.content-wrapper .generatePw input {
    width: 80%;
    margin-right: 10px;
}

.detailSection .generatePw .btn-inner.btn-add {
    float: left;
    width: auto;
}

p.copyright {
    bottom: 0;
    color: #fff;
    font-size: 11px;
    margin: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    text-align: right;
}

.listInfoPosContainer {
    border-bottom: 1px solid #d3d3d3;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.listInfoPosContainer:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.listInfoPos {
    list-style: none;
    width: 50%;
    float: left;
    padding-left: 0;
}

.listInfoPos .listItemTitle {
    text-align: right;
    color: #646464;
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
}

.listInfoPos .listItemTitle::after {
    content: ":";
    position: absolute;
    right: -6px;
    top: 0;
}

.listInfoPos:last-child {
    margin-right: 0;
}

.listInfoPos p {
    color: #757575;
    font-size: 13px;
    position: relative;
}

.listInfoPos li {
    padding: 8px;
    overflow: hidden;
}

.listInfoPos p {
    float: left;
    margin: 0 8px !important;
    position: relative;
}

.switch small {
    background-color: #d6d6d6;
    border-radius: 20px;
    height: 21px;
    position: absolute;
    width: 21px;
    box-shadow: none;
    left: 0;
    top: -3px;
}

.switch {
    background-color: #ededed;
    border-radius: 15px;
    display: inline-block;
    height: 15px;
    margin-top: 3px;
    min-width: 30px;
    width: 35px;
    box-shadow: none;
    border: none;
    vertical-align: middle;
}

.switch.blue {
    border: none;
}

.switch.green.checked {
    background-color: #73f1d6;
    border: none;
}

.switch.blue.checked {
    background-color: #7ADCEF;
    border: none;
}

.switch.green.checked small {
    background-color: #11c89f;
    right: 0;
    left: auto;
}

.switch.blue.checked small {
    background-color: #00b7e0;
    right: 0;
    left: auto;
}

.detailContainer table .icon-check {
    color: #58e366;
    font-size: 16px;
    font-weight: bold;
}

.detailContainer table .ti-close {
    color: #ef4c47;
    font-size: 16px;
    font-weight: bold;
    background: none;
    margin: 0;
    padding: 0;
}

.detailContainer table .ti-close:hover {
    cursor: default;
    background: none;
}

.btn-load-more[disabled] {
    display: none;
}

.user-header {
    float: left;
    height: 45px;
    width: auto;
    margin: 0 13px 0 0;
}

.user-header img {
    border-radius: 50%;
}

.navbar-nav > li {
    float: left;
}

.skin-blue .main-header li.user-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #28c1cd;
    border-radius: 50px;
    height: 100%;
    overflow: hidden;
}

.home .userType {
    color: #fff;
}

.userType {
    color: #626667;
    font-size: 13px;
    font-weight: 500;
}

.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
    height: 100%;
    padding: 10px 15px;
}

.main-header .navbar-custom-menu, .main-header .navbar-right, .nav.navbar-nav {
    height: 100%;
}

.skin-blue .main-sidebar, .skin-blue .left-side, .logo {
    animation-name: slideInLeft;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-name: slideInLeft;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    overflow-y: scroll;
}

/*OPZ HEADER BUTTON SCROLL*/



.buttonHeaderContainer.buttonScroll button.buttonHeader {
    border-radius: 0;
    box-shadow: none;
    float: left;
    font-size: 14px;
    font-weight: 600;
    height: auto;
    margin-right: 0;
    padding: 10px 20px;
    transition: width 0.5s ease 0s, height 0.1s ease 0s, all 0.5s ease 0s;
    -webkit-transition: width 0.5s ease 0s, height 0.1s ease 0s, all 0.5s ease 0s;
    width: auto;
    border-bottom-colors: none;
    border-left-colors: none;
    border-right-colors: none;
    border-top-colors: none;
    border-image: none;
    border-style: none none solid;
    border-width: 0;
    margin-top: 0;
    -webkit-border-color: transparent;
    background: #00a1eb none repeat scroll 0 0;
    -webkit-border-image: none;
    overflow: auto;
}

.buttonHeaderContainer.buttonScroll button.buttonHeader span {
    color: #fff;
}

.buttonHeaderContainer.buttonScroll button.buttonHeader:last-child {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.buttonHeaderContainer.buttonScroll {
    /*background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
    padding: 0;
    position: fixed;
    transition: width 0.5s ease 0s;
    -webkit-transition: width 0.5s ease 0s;
    width: -moz-max-content;
    width: -webkit-max-content;
    z-index: 2;
    background: transparent;
    margin-top: 9px;
    margin-left: 9px;

}

.buttonHeaderContainer.buttonScroll .buttonHeader .icon {
    font-size: 18px;
    font-weight: bold;
    margin-left: 6px;
}

.buttonHeaderContainer.buttonScroll .buttonHeader:focus, .buttonHeaderContainer.buttonScroll .buttonHeader:active {
    border-width: medium medium 1px;
}

.buttonHeaderContainer.buttonScroll button.buttonHeader:first-child, .buttonHeaderContainer.buttonScroll button.buttonHeader:nth-child(2), .buttonHeaderContainer.buttonScroll button.buttonHeader:nth-child(3) {
    display: none;
}

.buttonHeaderContainer.buttonScroll button.buttonHeader::after {
    border-color: transparent #d3d3d3 transparent transparent;
    border-style: none solid solid;
    border-width: 10px 15px 10px 9px;
    bottom: -10px;
    content: "";
    display: inline-block;
    height: 0;
    left: -9px;
    position: absolute;
    width: 0;
}

.buttonHeaderContainer.buttonScroll button.buttonHeader:hover::after {
    content: none;
}

.buttonHeaderContainer.buttonScroll button.buttonHeader:hover {
    background: #D32E76 none repeat scroll 0 0;
}


.contactListContainer {
    border-bottom: 1px solid #d3d3d3;
    float: left;
    width: 100%;
}

.detailSection.contact {
    border-bottom: medium none;
    float: left;
    height: 100%;
    width: 50%;
}

.detailSection.contact:first-child {
    padding-right: 20px;
    position: relative;
    overflow: unset;
}

.detailSection.contact:last-child {
    padding-left: 20px;
    position: relative;
}

.listInfoPosContainer:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.listInfoPos {
    float: left;
    list-style: outside none none;
    padding-left: 0;
    width: 50%;
}

.listInfoPos .listItemTitle {
    color: #646464;
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
}

.listInfoPos p {
    float: left;
    margin: 0 8px !important;
    position: relative;
    color: #757575;
    font-size: 13px;
}

.detailSection.contact:last-child::after {
    background: #d3d3d3 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 84%;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 1px;
}

.detailSection.contact:first-child::after {
    background: #d3d3d3 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 84%;
    right: -1px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 1px;
}

.detailSection.contact:last-child .listInfoPos {
    width: 100%;
}

.detailSection.accessTo > h4 {
    margin-bottom: 0;
}

.detailSection.accessTo .detailSection {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    min-height: 148px;
    padding: 0;
}

/*DATEPICKER*/

.date span.input-group-btn .btn.btn-default {
    height: 32px;
    background-color: #fff;
    border-color: #d2d6de;
    border-radius: 0;
    padding: 0;
    min-width: auto;
    width: 32px;
}

.date span.input-group-btn .btn.btn-default span {
    color: #555;
    font-size: 14px;
    padding: 0 0 4px;
    text-align: center;
}

.detailContainer .uib-datepicker-popup button {
    background: transparent none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.detailContainer .text-center .btn span {
    color: #929292;
}

.detailContainer .text-center .btn[disabled] span {
    color: #c7c7c7;
}
.date .btn.btn-default:hover span {
    color: #fff;
}

input:focus, .form-control:focus {
    border-color: #bde3ef;
}

.date table .btn.btn-default:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.date .input-group-btn .btn.btn-default:hover {
    background: #9B5AE1 none repeat scroll 0 0;
}

.date .input-group-btn .btn.btn-default:hover span {
    color: #fff;
}

.uib-datepicker tr button {
    min-width: auto;
    width: auto;
}

.uib-left, .uib-right {
    width: auto;
}

.uib-datepicker-popup::before {
    border-color: #d3d3d3 transparent;
    border-style: none solid solid;
    border-width: 0 6px 6px;
    content: "";
    display: inline-block;
    left: 7px;
    position: absolute;
    top: -7px;
}

.uib-datepicker-popup.dropdown-menu::after {
    border-color: #fff transparent;
    border-style: none solid solid;
    border-width: 0 6px 6px;
    content: "";
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 7px;
}

.uib-datepicker-popup.dropdown-menu {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    color: #333333;
    float: left;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.42857;
    list-style: outside none none;
    min-width: 160px;
    position: absolute;
    margin-top: 5px;
}

.uib-datepicker table {
    outline: 0;
}

.uib-datepicker button {
    border: medium none;
}

.uib-datepicker table i {
    color: #b3b7b7;
    font-weight: lighter;
}

.btn.uib-title {
    display: inline-table;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: -moz-max-content !important;
    width: -webkit-max-content !important;
}

.uib-datepicker th {
    text-align: center;
}

.uib-left:hover i, .uib-right:hover i, .uib-title:hover strong {
    color: #00a9dd;
}

.uib-datepicker-popup.dropdown-menu {
    font-family: "Open Sans",sans-serif;
}

.detailContainer .uib-datepicker tbody .btn.btn-default.active, .uib-datepicker tbody .btn.btn-default:active, .uib-datepicker tbody .btn.btn-default:hover {
    background-color: #00a9dd !important;
    box-shadow: none;
    border-radius: 3px;
}

.detailContainer .uib-datepicker tbody .btn.btn-default.active span, .uib-datepicker tbody .btn.btn-default:active span, .uib-datepicker tbody .btn.btn-default:hover span {
    color: #fff;
}

.detailContainer .uib-datepicker tbody .btn.btn-default[disabled]:hover {
    background-color: transparent !important;
}

.detailContainer .uib-datepicker tbody .btn.btn-default[disabled]:hover span {
    color: #c7c7c7;
}

.uib-button-bar {
    float: left;
    padding: 10px 10px 5px 10px;
    width: 100%;
}

.uib-button-bar .btn {
    border: medium none;
    border-radius: 3px !important;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500 !important;
    padding: 6px 12px;
}

.detailContainer .uib-datepicker-popup .btn.uib-datepicker-current {
    background: #58e366 none repeat scroll 0 0;
}

.detailContainer .uib-datepicker-popup .btn.uib-clear {
    background: #00A9DD;
}

.detailContainer .uib-datepicker-popup .btn.uib-close {
    background: #ef4c47 none repeat scroll 0 0;
    margin-right: 0;
}

.detailContainer .uib-datepicker-popup .btn.uib-datepicker-current:hover {
    background: #2ECC3E none repeat scroll 0 0;
}

.detailContainer .uib-datepicker-popup .btn.uib-clear:hover {
    background: #079AC6;
}

.detailContainer .uib-datepicker-popup .btn.uib-close:hover {
    background: #DB2E2B none repeat scroll 0 0;
}

.detailContainer .uib-datepicker-popup .uib-datepicker .text-center {
    padding: 0 10px;
}

/*END DATEPICKER*/

.detailSection.crono .box-tools-right {
    width: 56%;
}

.detailSection.crono .box-tools-left {
    width: 16%;
}

label {
    margin-top: 5px;;
}

.progress {
    margin: 0 auto 30px;
    width: 35%;
    height: 30px;
}

.modalBody .progress {
    margin: 0 auto 60px;
}

.progress-bar {
    background-color: #dedede;
}

.progress-bar-striped {
    background-color: #1bb8ed;
}

.progress-bar-red, .progress-bar-danger {
    background-color: #dd4b39;
}

.progress-bar-green, .progress-bar-success {
    background-color: #00a65a;
}

.progress, .progress > .progress-bar, .progress .progress-bar, .progress > .progress-bar .progress-bar {
    border-radius: 3px;
}

.progress span {
    font-size: 13px;
    font-weight: 500;
    padding-top: 10px;
    vertical-align: middle;
    animation-name: fadeIn;
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

/*CONTACT VIEW*/

.content-contact {
    background: #0087c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #0087c5 0%, #00b7c5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0087c5 0%,#00b7c5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0087c5 0%,#00b7c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087c5', endColorstr='#00b7c5',GradientType=1 ); /* IE6-9 */
    position: relative;
    border-left: 0.1px solid #364356;
    float: left;
    padding: 30px 30px 0 30px;
    text-align: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.content-contact svg {
    height: auto;
    width: 100%;
}

.svgContainer {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-top: 40px;
    height: 96%;
}

.contactText {
    color: #fff;
    text-align: left;
    margin-bottom: 30px;
}

.formContainer {
    float: left;
    width: 48%;
    margin-top: 40px;
}

.contactText h3 {
    font-size: 35px;
}

.contactText p {
    font-size: 20px;
}

.contactForm label {
    color: #fff;
    margin-right: 0;
    text-align: right;
    width: 100%;
    height: auto;
    float: left;
    width: 16%;
}

.contactForm input, .contactForm textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    height: auto;
    margin: 12px 0;
    padding: 8px;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    border-top: none;
    border-left: none;
    border-right: none;
}

.contactForm textarea {
    width: 100% !important;
}


.contactForm .loginButton {
    padding: 12px 35px;
    width: auto;
    float: none;
}

.contactForm {
    float: left;
    width: 68%;
}

.orange {
    fill: #ed650b;
}

.progress-bar {
    padding-top: 5px;
}

.progress-bar span {
    padding-top: 0;
}

.skin-blue .sidebar-form .btn {
    padding: 0;
}

.icon.icon-inbox {
    font-size: 15px;
}

.skin-blue .sidebar-form span.input-group-btn {
    padding-right: 20px;
}


select {
    -webkit-appearance: menulist-button;
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    box-shadow: none;
    height: 32px;
    min-width: 200px;
    outline: 0 none;
    width: -moz-max-content;
    width: -webkit-max-content;
}

.accountInfo .iconAnimated {
    float: left;
    animation-duration: 0.8s;
    animation-name: swing;
    color: #da345e;
    transform-origin: center top 0;
    animation-delay: 0.3s;
    animation-fill-mode: both;
    font-size: 30px;
    font-weight: lighter;
    margin-right: 20px;
}

.accountInfo {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    visibility: hidden;
    background-color: #f7d5de;
    border: 2px solid #da345e;
    border-radius: 5px;
    float: right;
    width: -webkit-max-content;
    width: -moz-max-content;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    position: absolute;
    right: 0;
    top: 26px;
    max-width: 355px;
    z-index: 99999;
}

.generatePw button:hover + .accountInfo {
    margin: 20px 0;
    padding: 20px;
    opacity: 1;
    visibility: visible;
    height: auto;
}

.accountInfo p {
    color: #da345e;
    font-size: 13px;
    float: left;
    font-weight: 500;
    margin: 0;
}

#loadingModal > img {
    bottom: 0;
    height: auto;
    margin: auto;
    position: absolute;
    top: 0;
    width: 80px;
}

.alert.alert-loader::after {
    background-color: rgba(255, 255, 255, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

#loadingModal span {
    color: #fff;
}

.progress span {
    font-size: 18px;
}

.alert.alert-loader {
    border-radius: 0;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: auto;
    padding: 11px 30px;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}


#loadingModal.ng-animate {
    animation-name: zoomIn;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    transition: all 0.8s;
}

#loadingModal.ng-animate.ng-hide {
    animation-name: zoomOut;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    transition: all 0.8s;
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0px, -100%, 0px);
        visibility: visible;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}
@keyframes slideOutUp {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(0px, -100%, 0px);
        visibility: hidden;
    }
}

.dangerContainer > h4 {
    margin: 0;
}

.modalBoxHeader .icon {
    float: right;
    margin: 0;
}

input[type="file"]:focus, input[type="checkbox"]:focus {
    outline: 0;
}

#documentFile::-ms-value {
    border: 1px solid #f0f0f2 !important;
    border-radius: 5px !important;
}

#documentFile::-ms-browse {
    border: none;
}

.navbar-custom-menu .ng-isolate-scope > ul {
    list-style: outside none none;
    float: left;
    border-left: 1px solid #d1d6df;
    padding-left: 10px;
    margin: 11px 14px 0 0;
}

.navbar-custom-menu .ng-isolate-scope > ul li a {
    text-transform: uppercase;
}

.navbar-custom-menu .ng-isolate-scope > ul li {
    float: left;
    margin: 0 0 0 5px;
}

.content-wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0087c5+0,00b7c5+100 */
    background: #0087c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #0087c5 0%, #00b7c5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0087c5 0%,#00b7c5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0087c5 0%,#00b7c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087c5', endColorstr='#00b7c5',GradientType=1 ); /* IE6-9 */
}

.imgHome {
    float: right;
    height: auto;
    text-align: right;
    width: auto;
}

.bg-light-blue-gradient .imgHome {
    margin-right: 33%;
}

.bg-orange-gradient .imgHome, .bg-purple-gradient .imgHome {
    width: 100%;
    height: auto;
}

.box.box-solid.bg-light-blue-gradient, .content.contentDashboard {
    padding: 0;
    margin-bottom: 0;
    height: auto;
}

.bg-light-blue-gradient .box-text {
    padding: 60px;
}

.box-text > ul {
    margin: 60px 0;
}

.box-text > ul li {
    margin: 10px 0;
    font-size: 18px;
}

.home.skin-blue .main-header .navbar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0087c5+0,00b7c5+100 */
    background: #0087c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #0087c5 0%, #00b7c5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0087c5 0%,#00b7c5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0087c5 0%,#00b7c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087c5', endColorstr='#00b7c5',GradientType=1 ); /* IE6-9 */
}

.home.skin-blue .sidebar-form .input-group {
    border: 1px solid #fff;
}

.home.skin-blue .main-header .navbar .sidebar-toggle,
.home .sidebar-form input[type="text"]::-moz-placeholder, .home.skin-blue .sidebar-form .btn, .home.skin-blue .sidebar-form span,
.home .dropdown-toggle .hidden-xs, .home .userType, .home .navbar .ng-isolate-scope .ng-binding, .home .logout, .home.skin-blue .sidebar-form .input-group {
    color: #fff;
}

.home .navbar-custom-menu .ng-isolate-scope > ul, .home .logout {
    border-left: 1px solid #fff;
}

.home .dropdown-toggle .hidden-xs {
    color: yellow !important;
}

.content-login .copyright a {
    color: #FFE447;
}

.detailContainer input, .detailContainer textarea {
    color: #272727;
}

.detailContainer p.input-group.date {
    width: 20%;
}

.wrap-dd-menu {
    float: right;
    padding: 0;
    width: -moz-max-content;
    width: -webkit-max-content;
}


/*CHANGE POSITION SAVE AND ALERT*/

.buttonHeaderContainer.buttonScroll {
    position: fixed;
    right: 0;
}



.buttonScroll .buttonHeader:hover::after {
    background: #d53163 none repeat scroll 0 0;
}

.buttonHeaderContainer.buttonScroll button.buttonHeader:last-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2);
    padding: 20px 40px;
}

.buttonHeaderContainer.buttonScroll button.buttonHeader span {
    font-weight: 600;
}

.alert {
    left: 200px;
    z-index: 999;
    right: auto;
}

.alert.alert-info, .alert.alert-loader {
    left: 0;
    margin: auto;
    right: 0;
    z-index: 9999999;
}

/*END*/


/*END OPZ HEADER BUTTON SCROLL*/

.home ul a {
    color: #fff;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.home ul a:hover {
    color: yellow;
}

.detailSection .icon.ti-camera {
    background: #00b7c5 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    padding: 8px;
}

.content-wrapper label#profilePhoto {
    text-align: center;
    width: 100%;
    margin-top: -20px;
    z-index: 0;
    position: relative;
}

.detailSection .itemDetail::after {
    background: #d3d3d3 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

#profilePhoto span {
    display: inline-block;
    margin: 0 0 10px;
    overflow: hidden;
}

#profilePhoto span:hover {
    cursor: pointer;
}

nav.navbar.navbar-static-top {
    box-shadow: 5px 1px 6px rgba(0, 0, 0, 0.2) !important;
}

.home nav.navbar.navbar-static-top, .content-login nav.navbar.navbar-static-top {
    box-shadow: none !important;
}

table.table.table-hover td:hover {
    cursor: pointer;
}

.main-footer {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;

    color: #fff;
    font-size: 12px;
    padding: 15px;
    position: relative;
}

.home .main-footer {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    color: #646464;
    position: relative;
    width: 100%;
    z-index: 999;
    margin-top: -44px;
}

.home .main-footer a {
    color: #00B7C5;
}

.paginator .text-center {
    float: left;
    margin: 20px 0;
    width: 100%;
}

.paginator .text-center span {
    padding: 0;
}

.paginator {
    border-top: 1px solid #ebebeb;
    overflow: hidden;
}

/*NEW ALERT NOTIFICATION*/

.cdn-alert {
    left: 200px;
    z-index: 999999;
    right: auto;
    position: fixed;
    top: 80px;
    box-shadow: none;
    width: auto;
}

.cdn-alert .notification {
    border: medium none;
    font-weight: 500;
    margin: auto;
    padding: 17px 40px 17px 30px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: auto;
}

.cdn-alert .notification-success {
    background: #0dc89e none repeat scroll 0 0 !important;
}

.cdn-alert .notification-error {
    background: #ef4343 none repeat scroll 0 0 !important;
}

.cdn-alert .notification-warning {
    background: #fbcf49 none repeat scroll 0 0 !important;
}

.notification span {
    vertical-align: middle;
    padding-top: 12px;
    font-size: 16px;
}

.notification .header {
    display: block;
    float: right;
    width: 100%;
}

.notification .icon {
    float: left;
    margin-right: 10px;
    font-size: 30px;
    padding: 0;
}

.notification .header .close {
    background: transparent;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    height: 16px;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    vertical-align: middle;
    width: 16px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    padding: 1px;
}

.cdn-alert .notification .iconAnimated {
    animation-duration: 1s;
    animation-fill-mode: both;
    font-weight: lighter;
    animation-delay: 0.3s;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0.3s;
}

.cdn-alert .notification-success .iconAnimated {
    animation-name: rotateIn;
    -webkit-animation-name: rotateIn;
}

.cdn-alert .notification-error .iconAnimated, .cdn-alert .notification-warning .iconAnimated {
    animation-name: pulse;
    -webkit-animation-name: pulse;
}

.notification .header .close:hover {
    background: #727272 none repeat scroll 0 0;
    color: #fff;
}

.content-login .cdn-alert {
    right: 0;
    z-index: 999999;
    left: auto;
    position: fixed;
    top: 100px;
    box-shadow: none;
    width: auto;
}


/*END NEW ALERT NOTIFICATION*/

.content-login .copyright {
    bottom: 0;
    position: relative;
    width: 100%;
    font-size: 12px;
    padding: 15px;
    text-align: center;
}

/* Commented because hides the error message on login
.content-login div {
    overflow: hidden;
}
*/

.detailSection .wrap-dd-menu .dropdown {
    top: 90%;
    border: 1px solid #0dc89e;
    z-index: 8;
}

.detailSection .wrap-dd-menu .dropdown .dropdown-item:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 9px;
    border-top-right-radius: 5px;
}

.detailSection .wrap-dd-menu .dropdown .dropdown-item:nth-child(2) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.wrap-dd-menu .dropdown.active {
    animation-name: fadeIn;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.modalButtons button {
    min-width: 100px;
}

.detailSection .wrap-dd-menu .dropdown li a {
    border-radius: 7px 7px 0 0;
    color: #272727;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #0dc89e;
    padding: 16px;
}

.wrap-dd-menu .dropdown li:last-child a {
    border-bottom: 0;
}

.detailSection .wrap-dd-menu .dropdown::before {
    border-color: #0dc89e transparent;
    top: -7px;
}

.detailSection .wrap-dd-menu .dropdown::after {
    top: -5px;
}

.box-tools-left .icon.icon-search {
    vertical-align: super;
}

.detailContainer .box-body td span {
    text-transform: capitalize;
}

input#groupDetailColor {
    border: 1px solid #e3e3e3;
    color: #fff;
    width: auto;
}

.login-box ::-webkit-input-placeholder, .home header .sidebar-form ::-webkit-input-placeholder, .home.skin-blue .sidebar-form .btn, .home.skin-blue .sidebar-form span, .home.skin-blue .main-header .navbar .sidebar-toggle, .home.skin-blue .sidebar-form input[type="text"]  {
    color:    #fff;
}

.home.skin-blue .sidebar-form input[type="text"], .home.skin-blue .sidebar-form .btn {
    color: #fff;
}

.navbar-custom-menu ul li a {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #626667;
}

.home .navbar-custom-menu ul li a {
    color: #fff;
}

.navbar-custom-menu ul li a.active, .navbar-custom-menu ul li a:hover {
    border-bottom: 1px solid #28c1cd;
    color: #28c1cd;
}

.home .navbar-custom-menu ul li a.active, .home .navbar-custom-menu ul li a:hover {
    border-bottom: 1px solid yellow;
    color: yellow;
}

.bg-orange-gradient, .bg-purple-gradient {
    min-height: 463px;
}

.main-header .logo > img {
    height: auto;
    vertical-align: text-top;
    width: 100%;
    padding: 0;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    margin: 0 auto;
}

.sidebar-mini.sidebar-collapse .help {
    text-align: center;
    margin: 0;
}

.help span {
    color: #00B7C5;
}

#arrow-left, #arrow-right {
    background: #ee7870; /* Old browsers */
    background: -moz-linear-gradient(top,  #ee7870 0%, #da69b0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ee7870 0%,#da69b0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ee7870 0%,#da69b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7870', endColorstr='#da69b0',GradientType=0 ); /* IE6-9 */
    bottom: 0;
    cursor: pointer;
    /* visibility: hidden;*/
    height: 100%;
    outline: medium none;
    position: absolute;
    width: 75px;
    z-index: 1;
    color: #fff;
    text-align: center;
    display: inline;
    opacity: 1;
    transition: all 0.3s;
    overflow: hidden;
}

#arrow-left::before, #arrow-right::before {
    opacity: 0;
    background: #bf71ed; /* Old browsers */
    background: -moz-linear-gradient(top, #bf71ed 0%, #7171ed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bf71ed 0%,#7171ed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bf71ed 0%,#7171ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf71ed', endColorstr='#7171ed',GradientType=0 ); /* IE6-9 */
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    transition: all 0.3s;
}

#arrow-left:hover::before, #arrow-right:hover:before {
    opacity: 1;
}

#arrow-left span, #arrow-right span {
    bottom: 0;
    font-size: 32px;
    height: 32px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.guestReview .modalBody {
    position: relative;
    padding: 30px 75px;
}

.btn.btn-review {
    background: #0dc89e none repeat scroll 0 0;
}

.btn.btn-review:hover {
    background: #0087C5 none repeat scroll 0 0;
}

/*.modalBody:hover #arrow-left, .modalBody:hover #arrow-right {
    visibility: visible;
    animation-name: fadeIn;
    animation-fill-mode: both;
    animation-duration: 0.3s;
}*/

.guestReview .detailSection {
    border: none;
    padding: 30px;
}

.guestReview .detailSection h4 {
    text-align: left;
}

.guestReview .btn-inner .icon {
    vertical-align: middle;
}

.guestReview .modalButtons {
    width: 100%;
    border-top: 1px solid #d3d3d3;
    padding: 30px 30px 0;
}

.guestReview .modalButtons div {
    margin: 0 auto;
    overflow: hidden;
    width: -moz-fit-content;
    width: -webkit-fit-content;
}

.guestReview .btn span {
    text-transform: capitalize;
}

.logoImgContainer {
    border: 1px solid #00b7c5;
    border-radius: 50%;
    height: 200px;
    overflow: hidden;
    width: 200px;
    margin: 0 auto;
    background: #fff;
}

.logoImgContainer > img {
    height: auto;
    width: 100%;
    animation-name: fadeIn;
    animation-duration: 0.5s;
    overflow: hidden;
    transition: all 0.3s;
}

.logoImgContainer {
    animation-name: fadeIn;
    animation-duration: 0.5s;
    transition: all 0.3s;
}

.detailSection.pastEvents th {
    background: #ededed none repeat scroll 0 0;
    border-radius: 0;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}

.detailSection.pastEvents .box-body {
    border: 1px solid #d3d3d3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.pastEvents .ti-thumb-down {
    color: #ef4343;
    font-size: 30px;
}

.pastEvents .ti-thumb-up {
    color: #0dc89e;
    font-size: 30px;
}

.tableContainer .table .ti-thumb-down {
    color: #ef4343;
    font-size: 16px;
}

.tableContainer .table .ti-thumb-up {
    color: #0dc89e;
    font-size: 16px;
}

.multiSelect {
    float: left;
    overflow: hidden;
    width: auto;
    border-radius: 50px;
    border: 2px solid #eaeaea;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    max-width: 78%;
}

.content-wrapper .multiSelect label {
    margin: 0 10px 0 0;
    width: auto;
    font-weight: 600;
}

.multiSelect div {
    border: 2px solid #0fbbc8;
    border-radius: 50px;
    float: left;
    margin-right: 10px;
    min-width: 100px;
    overflow: hidden;
    text-align: center;
    width: auto;
    margin: 6px;
}

.multiSelect div:last-child {
    margin-right: 0;
}

.multiSelect div.selectItem:last-child {
    margin: 0 auto;
}

.multiSelect input[type="checkbox"] {
    margin-top: 3px;
    float: right;
}

.multiSelect div.groups {
    border: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.multiSelect .groups:hover {
    opacity: 0.8;
}

.multiSelect div.groups label {
    color: #fff;
}

.multiSelect .selectItem {
    border: medium none;
    border-radius: 0;
    float: none;
    margin: 0 auto;
    max-width: none;
    min-width: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    padding: 7px 10px;
}

.selectItem:hover, .selectItem label:hover, .selectItem input:hover {
    cursor: pointer;
}

.content-wrapper .labelMultiselect {
    margin-top: 13px;
    position: relative;
}

.singlePermits h4 {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    float: left;
    margin-right: 10px;
}

.singlePermits input[type="checkbox"] {
    margin-top: 0;
}

.entities .input-group {
    float: left;
    margin-right: 20px;
}

/*SELECT ENTITOES*/

.styled-select {
    background: url("/resources/img/15xvbd5.png") no-repeat 96% 0;
    height: 29px;
    overflow: hidden;
    width: 240px;
}

.styled-select select:hover {
    cursor: pointer;
}

.styled-select select:hover, .styled-select select:active, .styled-select select:focus, .styled-select select option:hover, .styled-select select option:active, .styled-select select option:focus {
    outline: none;
    box-shadow: none;
}

.styled-select select {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 29px;
    padding: 5px; /* If you add too much padding here, the options won't show in IE */
    width: 268px;
}

select option, select {
    outline: none;
}

.semi-square {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.purple {
    border: 1px solid #9b5ae1;
}

.blue    { border: 1px solid #00B7C5; }

.green    { border: 1px solid #0dc89e; }

.green.switch {
    border: none;
}

.blue select, .green select    { color: #272727; background-color: rgba(255, 255, 255, 0.6);}

.green select    { color: #272727; background-color: transparent;}

.styled-select.green {
    background: rgba(0, 0, 0, 0) url("/resources/img/15xvbd5_green.png") no-repeat scroll 96% 0;
    float: left;
}

.styled-select.purple {
    background: rgba(0, 0, 0, 0) url("/resources/img/15xvbd5_purple.png") no-repeat scroll 96% 0;
    margin-bottom: 10px;
    clear: both;
}

.styled-select option {
    text-transform: capitalize;
    padding: 10px;
    outline: none;
}

.styled-select select {
    text-transform: capitalize;
    padding: 0 10px;
    outline: none;
}

/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
    border: 0;
    color: #EEE;
    background: transparent;
    font-size: 20px;
    font-weight: bold;
    padding: 2px 10px;
    width: 378px;
    width: 350px;
    background: #58B14C;
    -webkit-appearance: none;
}

#mainselection {
    overflow:hidden;
    width:350px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 1px 11px #330033;
}

/*.enableSection::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #d32e76;
    bottom: -10px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}*/

.enableSectionTable.ng-animate.ng-enter {
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    transition: all 0.3s ease 0s;
}


.enableSectionTable.ng-animate.ng-leave {
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-name: fadeOut;
    transition: all 0.3s ease 0s;
}

/*END SELECT ENTITIES*/

.content-wrapper .enableSection label {
    font-weight: 600;
    text-transform: uppercase;
    width: auto;
    color: #fff;
    margin-right: 10px;
}

/*.enableSection {
    background: #D32E76 none repeat scroll 0 0;
    border-radius: 5px;
    padding: 5px 10px;
    float: left;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    margin-bottom: 13px;
    position: relative;
}*/

.content-wrapper .enableSection input[type="checkbox"] {
    margin-top: 7px;
}

/*CHECKBOX*/

.checkboxMegaContainer {
    border: 1px solid #0087C5;
    border-radius: 5px;
    float: left;
    margin: 20px;
    width: auto;
}

.checkboxItemHeader {
    background: #0087C5 none repeat scroll 0 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
    padding: 10px;
}

.content-wrapper .checkboxMegaContainer label {
    margin: 0 5px;
    width: auto;
}

.content-wrapper .checkboxMegaContainer .checkboxItemHeader label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.content-wrapper .checkboxMegaContainer input[type="checkbox"] {
    margin-top: 3px;
}

.checkboxItem {
    float: left;
    padding: 10px;
    border-right: 1px solid #0087c5;
}

.checkboxItem:last-child {
    border: none;
}

.checkboxItem:hover, .checkboxMegaContainer label:hover, .checkboxMegaContainer input[type="checkbox"]:hover {
    cursor: pointer;
}

.checkboLabel {
    margin: 0 auto;
    overflow: hidden;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
}

/*END CHECKBOX*/

.icon-notes {
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    padding: 7px;
    margin-right: 10px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.icon-notes.ti-marker-alt {
    background: #ffad32 none repeat scroll 0 0;
}

.icon-notes.ti-trash {
    background: #ED4443 none repeat scroll 0 0;
}

.icon-notes.ti-check {
    background: #0dc89e none repeat scroll 0 0;
}

.icon-notes.ti-check:hover {
    background: #06A580 none repeat scroll 0 0;
    cursor: pointer;
}

.icon-notes.ti-marker-alt:hover {
    background: #E58B04 none repeat scroll 0 0;
}

.icon-notes.ti-trash:hover {
    background: #D31F1F none repeat scroll 0 0;
    cursor: pointer;
}

.newPaginator {
    border-top: 1px solid #ebebeb;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 15px;
    width: 100%;
}

.newPaginator span {
    color: #b7b7b7;
    font-size: 13px;
    text-transform: capitalize;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-middle-with-baseline;
}

.newPaginator .pagination {
    border-radius: 4px;
    display: inline-block;
    float: right;
    margin: 0;
    padding-left: 0;
}

.content-wrapper .itemDetail label {
    width: 11%;
}

.content-wrapper .multiSelect .selectItem label {
    width: auto;
}

#profilePhoto .icon.ti-camera {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}


#profilePhoto .icon.ti-camera:hover {
    background: #F45252;
}

/*.content-wrapper .guestReview label {
    width: 100%;
    text-align: left;
}

.content-wrapper .guestReview input {
    width: 100%;
}

.guestReview .labelMultiselect {
    margin-top: 5px;
}*/

.content-wrapper .guestReview .multiSelect label {
    width: auto;
}

.content-wrapper .guestReview .multiSelect input[type="checkbox"] {
    margin-top: 3px;
    width: auto;
}


.detailModalContainer.guestReview.slideOutRight .detailModal {
    animation-name: slideOutRight;
    animation-duration: 0.1s;
    animation-fill-mode: both;
}

.detailModalContainer.guestReview.slideOutLeft .detailModal {
    animation-name: slideOutLeft;
    animation-duration: 0.1s;
    animation-fill-mode: both;
}

.detailModalContainer.guestReview.modalZoomIn .detailModal {
    animation-name: zoomIn;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.detailModalContainer.guestReview.modalZoomOutOk .detailModal {
    animation-name: zoomOut;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.detailModalContainer.guestReview.modalzoomOutTrash .detailModal {
    animation-name: zoomOutDown;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.detailModalContainer.guestReview.slideInRight .detailModal {
    animation-name: slideInRightModal;
    animation-duration: 0.1s;
    animation-fill-mode: both;
}

.detailModalContainer.guestReview.slideInLeft .detailModal {
    animation-name: slideInLeftModal;
    animation-duration: 0.1s;
    animation-fill-mode: both;
}

.detailModalContainer.guestReview.slideInLeft, .detailModalContainer.guestReview.slideInRight {
    animation: none;
}

@keyframes slideOutLeft {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(-100%, 0px, 0px);
        visibility: hidden;
        opacity: 0;
    }
}

@keyframes slideInRightModal {
    0% {
        transform: translate3d(100%, 0px, 0px);
        visibility: visible;
        opacity: 0;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
    }
}

@keyframes slideInLeftModal {
    0% {
        transform: translate3d(-100%, 0px, 0px);
        visibility: visible;
        opacity: 0;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
    }
}

@keyframes slideOutRight {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }
    100% {
        transform: translate3d(100%, 0px, 0px);
        opacity: 0;
        visibility: hidden;
    }
}


@keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
    }
    100% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px);
        transform-origin: center bottom 0;
    }
}


@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}



.detailSection > .styled-select.blue.semi-square {
    margin-bottom: 10px;
}

.modalSelectAll input[type="checkbox"] {
    float: left;
}

.modalSelectAll {
    float: left;
    width: auto;
    margin-top: 5px;
}

.modalInnerHeader .input-group {
    float: left;
    margin-left: 20px;
}

.modalInnerHeader {
    float: left;
    width: 100%;
    padding: 0 30px 30px 30px;
}

.content-wrapper .modalSelectAll label {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 20px;
    margin-top: 0;
    width: auto;
    color: #13a4c9;
}

.modalBody .table {
    margin-bottom: 0;
}

.modalBody .newPaginator {
    padding: 15px 30px;
    border-bottom: 1px solid #ededed;
}

.modalBody .modalInnerHeader span {
    vertical-align: top;
}

.guestReview .detailModal {
    width: 80%;
}

.colorpicker {
    top: 474px !important;
}

.detailSection .switch {
    /*    margin-top: 8px;*/
    border: none;
}

.enableSection h4 {
    float: left;
    margin: 0 10px 0 0;
}

.sidebarMenuContainer {
    float: left;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 200px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    z-index: 2;
    position: absolute;
}

.sidebar-collapse .sidebarMenuContainer {
    width: 137px;
}

.sidebarMenuContainer > div {
    float: left;
    height: 100%;
    overflow: scroll;
    width: 100%;
    position: relative;
    top: 80px;
}

/*html, body {
    height: 100%;
    overflow: hidden;
}*/

/*.buttonHeaderMegaContainer {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #0087c5 0%, #00b7c5 100%) repeat scroll 0 0;
    float: left;
    overflow: hidden;
    padding-bottom: 20px;
    position: fixed;
    top: 80px;
    width: -moz-available;
    width: -webkit-fill-available;
    z-index: 9999;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    width: border-box;
}

.main-header .logo, .sidebarMenuContainer {
    width: 12%;
}

.main-header > .navbar, .content-wrapper {
    width: 88%;
}

.content-wrapper, .right-side {
    margin-left: 0 !important;
}

.main-sidebar, .left-side {
    width: 100%;
}

.main-header > .navbar {
    float: right;
    margin-left: 0;
}

.loginForm, .loginForm > div {
    width: 100%;

.detailContainer {
    margin-top: 120px;
}

}*/

.sidebarMenuContainer > div {
    overflow-y: hidden;
}

.buttonHeader, .btn-inner {
    transition: all 0.5s;
    -webkittransition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.table input {
    margin-bottom: 0;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}

.table .listCheckbox {
    vertical-align: middle;
}

#importFile input#file {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #646464;
    height: auto;
    margin: 0;
}

.content-wrapper label#importFile, #importFile input#file {
    width: auto;
}

.importExport {
    border: 2px solid #ededed;
    float: left;
    margin-right: 2%;
    text-align: center;
    width: 49%;
    padding: 30px;
    border-radius: 5px;
    position: relative;
    min-height: 320px;
}

.importExport:last-child {
    margin-right: 0;
    /*border-right: none;*/
}

.importFileBox {
    margin: 0 auto;
    text-align: center;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    width: -o-max-content;
    width: max-content;
}

.importExport h4 {
    color: #646464;
    margin: 0 0 10px 0;
    font-size: 18px;
}

.importExport span {
    color: #646464;
    float: left;
    font-weight: 500;
    margin: 0 0 30px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.progress.import span {
    padding-top: 0;
    position: relative;
    left: unset;
    right: unset;
    color: #fff;
    margin: auto;
    font-size: 13px;
    bottom: 0;
    top: unset;
}

.progress-bar-danger {
    background-color: #E83F33;
}

.importExport span.icon {
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto 30px;
    padding: 23px;
    text-align: center;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    width: -o-max-content;
    width: max-content;
    float: none;
    display: table;
}

.importExport span.icon.ti-upload {
    background: #a69eed none repeat scroll 0 0;
}


.importExport span.icon.ti-download {
    background: #f28060 none repeat scroll 0 0;
}

.importExport .btn-inner.btn-export {
    background: none;
    padding: 8px 5px;
    color: #6f6f6f;
    min-width: 100px;
    border-color: #a69eed;
}

.importExport .btn-inner.btn-import {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #f28060;
    color: #6f6f6f;
    min-width: 100px;
    padding: 8px 5px;
}

.importExport .btn-inner.btn-import:hover {
    background: #f28060;
    color: #fff;
}

.importExport .btn-inner.btn-export:hover, .importExport .btn-inner.btn-export.clicked {
    background: #a69eed;
    color: #fff;
}

.importExport label {
    margin: 0;
    width: auto;
}

#importFile {
    display: none;
}

#gradient {
    background: linear-gradient(270deg, #ca298f, #e84033, #b580ea, #038dee, #e45a7d, #d5ee41, #00b7c5);
    background-size: 1400% 1400%;
    -webkit-animation: AnimationName 60s ease infinite;
    -moz-animation: AnimationName 60s ease infinite;
    animation: AnimationName 60s ease infinite;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: -1;
}

h1.loginTitle {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 40px;
    font-weight: 500;
    left: 22%;
    line-height: 1;
    position: absolute;
    text-align: left;
    top: 15%;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

img.airplane {
    top: 20%;
    height: auto;
    position: absolute;
    right: 30%;
    width: 750px;

}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
    animation-duration: 0.4s;
    animation-fill-mode: both;
}

@keyframes lightSpeedIn {
    0% {
        opacity: 1;
        transform: none;
    }

    100% {
        opacity: 0;
        transform: translate(100%, -50%);

    }
}

.loginButton {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    margin: 0 auto;
    max-width: 150px;
    min-width: 150px;
    padding: 12px 20px;
    text-transform: uppercase;
    display: table;
    margin-top: 30px;
}

.loginButton:hover {
    color: #0087c5;
    border: 1px solid #fff;
    background: #fff;
}

.login-box {
    margin: 0 auto;
    position: relative;
    top: 450px;
}

.login-box .user-header {
    display: none;
}

p.powered {
    bottom: 37%;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    font-weight: lighter;
    position: absolute;
    right: 30%;
    top: 48%;
    font-weight: 600;
}

p.powered a {
    color: yellow;
}

p.powered a:hover {
    color: white;
}

.login-box input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #646464 !important;
}

.fieldAdded {
    margin-top: 30px;
}

.fieldAdded .table tr td.type {
    text-transform: capitalize;
}

#settingsCrmExtraFieldType, .styled-select.green {
    height: 34px;
}

.fieldAdded tr {
    animation-name: fadeIn;
    animation-duration: 0.5s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    font-size: 27px;
}

.main-header .sidebar-toggle {
    padding: 0 32px;
}



.sidebar-menu > li, .help {
    margin: 0;
    padding: 10px 15px;
}

.sidebarMenuContainer > div {
    top: 0;
}

.main-sidebar, .left-side {
    height: 100%;
}


aside.main-sidebar::-webkit-scrollbar, .content-wrapper::-webkit-scrollbar {
    display: none;
}

body {
    backface-visibility: hidden;
    height: 100vh;
    position: relative;
    will-change: overflow;
    overflow-y: auto;
}

.sidebarMenuContainer, .sidebarMenuContainer > div   {
    height: 100%;
    overflow: auto;
}

.content-wrapper {
    height: 100%;
}

.main-sidebar, .left-side {
    position: relative;
}

.content-wrapper .formContainer input, .content-wrapper .formContainer textarea {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #fff;
    border-radius: 5px;
    color: #2e2e2e;
    font-size: 15px;
    font-weight: 500;
    height: 32px;
    margin-bottom: 16px;
}

.content-wrapper .formContainer input[type="button"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: table;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    margin: 30px auto 0;
    max-width: 150px;
    min-width: 150px;
    padding: 12px 20px;
    text-transform: uppercase;
    height: auto;
    transition: all 0.3s;
}

.content-wrapper .formContainer input[type="button"]:hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #0087c5;
}

.progress {
    margin: 0 auto 30px;
    width: 35%;
    position: absolute;
    border-radius: 50% !important;
    height: 30px;
    z-index: 1;
    background-color: transparent;
    height: 200px;
    width: 200px;
    top: 0;
    background: #fff;
    border: 1px solid #00b7c5;
}

.progress-bar {
    background-color: #CB288D;
}

.progress-bar span {
    padding-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 43%;
}

.progress.import {
    background: #f5f5f5 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px !important;
    height: 25px;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: unset;
    width: 50%;
    bottom: 25px;
}

#userTmpFeedback.alert .iconAnimated {
    display: inline-block;
    height: auto;
    margin: 0 20px 0 0;
    padding: 0;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
}

.guestReview .modalBody {
    height: 100%;
    overflow-y: auto;
    position: relative;
    top: 35px;
}

.guestReview .detailModal {
    height: 85%;
    overflow: hidden;
    position: relative;
    width: 80%;
    z-index: 9999;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom: 30px;
    margin: 60px auto 0;
}

.guestReview .modalBoxHeader {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

.guestReview .modalButtons {
    padding: 30px;
}

.detailModalContainer.guestReview {
    overflow: hidden;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline: 0;
    outline-offset: 0;
}

.sidebar-menu {
    position: relative;
    top: 80px;
}

.guestReview .multiSelect {
    max-width: 70%;
}

/*LOGIN*/

.login-box-body {
    position: absolute;
    bottom: 42px;
    left: 0;
    right: 0;
    margin: auto;
}

.login-box {
    margin: 0 auto;
    position: relative;
    top: -105px;
    height: 100vh;
}

/*LOGIN END*/

.labelPhoto {
    opacity: 0;
    height: 0;
    visibility: hidden;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #F45252;
    background-color: rgba(218, 52, 94, 0.2);
    padding: 8px;
    width: -webkit-max-content;
    width: -moz-max-content;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #da345e;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 400px;
}

.labelShow {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.icon-circle {
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    margin-right: 2px;
    padding: 7px;
    transition: all 0.5s ease 0s;
    background: #646464;
}

.icon-circle:hover {
    cursor: default;
}

.icon.icon-circle.ti-user {
    background: #11c89f none repeat scroll 0 0;
}

.icon.icon-circle.ti-crown {
    background: #f8c200 none repeat scroll 0 0;
}

.icon.icon-circle.ti-link, .icon.icon-circle.ti-unlink {
    background: #00b7e0 none repeat scroll 0 0;
}

.icon.icon-circle.ti-money {
    background: #11c89f;
}

.icon.icon-circle.ti-flag-alt-2 {
  background: #f28060;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.icon.icon-circle.ti-flag-alt-2:hover {
  background: #80dcb5;
}

.icon.icon-circle.ti-link.disabled, .icon.icon-circle.ti-crown.disabled, .icon.icon-circle.disabled, .icon.icon-circle.ti-flag-alt.disabled {
    background: #d6d6d6 none repeat scroll 0 0;
}

.detailSection table.table.table-hover td:hover {
    cursor: default;
}

.content-wrapper .modalBody .attType label {
    margin: 0 10px 0 0;
    width: auto;
    float: none;
    text-transform: uppercase;
}

.modalBody .modalInnerHeader .attType span {
    vertical-align: sub;
}

.attType .input-group {
    display: inline-block;
    margin: 0 0 0 20px;
    width: auto;
    padding-right: 20px;
}

.attType .input-group label {
    vertical-align: super;
}

.attType .input-group:last-child {
    padding-right: 0;
}

.attType .input-group::after {
    background: #e3e3e3 none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 1px;
    top: 0;
}

.attType .input-group:last-child::after {
    content: none;
}

.attType .switch small::after {
    color: #646464;
    font-family: "themify";
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 100%;
    left: 0;
    line-height: 1.7;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: none;
    width: 100%;
}

.attType .switch.checked small::after {
    color: #fff;
}

.switch#type small::after {
    content: "\e642";
}

.switch#isGroup small::after {
    content: "\e62d";
}

.switch#paying small::after {
    content: "\e68c";
}

.switch#type small, .switch#isGroup small {
    height: 32px;
    width: 32px;
}

.checkboxGroupContainer.event::after {
    content: none;
}

/*FORM AUTOREGISTRATION START*/

header.form-header {
    padding: 20px;
    text-align: center;
    background: #fff;
}

.form-auto {
    text-align: center;
    width: 40%;
    margin: 60px auto;
    font-family: "Open Sans",sans-serif;
}

.selected.eventItem .eventImg {
    border:1px solid #00b7c5;
}

.eventsContainer {
    margin-bottom: 40px;
    float: left;
    width: 100%;
    text-align: center;
}

.form-auto input, .form-auto textarea {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #fff;
    border-radius: 5px;
    color: #2e2e2e;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 16px;
    font-family: "Open Sans",sans-serif;
    padding: 5px 10px;
    line-height: inherit;
    width: 100%;
}

header.form-header ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 30px;
}

header.form-header ul li {
    float: left;
    font-family: "Open Sans",sans-serif;
    margin: 0 5px;
    text-transform: uppercase;
    text-decoration: none;
}

header.form-header ul li a {
    text-decoration: none;
    font-size: 14px;
    line-height: 1.42857;
    font-weight: normal;
    color: #626667;
}


header.form-header ul li a.active, header.form-header ul li a:hover {
    border-bottom: 1px solid #00B7C5;
    color: #00B7C5;
}

.form-auto input#formAutoButton {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: table;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    height: auto;
    margin: 30px auto 0;
    max-width: 150px;
    min-width: 150px;
    padding: 12px 20px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.form-auto input#formAutoButton:hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #0087c5;
    cursor: pointer;
}

.form-auto h4 {
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 40px;
}

.eventName {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0;
    letter-spacing: 0.5px;
}

.eventImg {
    border: 1px solid #fff;
    border-radius: 50%;
    height: 100px;
    margin: 0 auto 12px;
    overflow: hidden;
    width: 100px;
}

body {
    margin: 0;
}

.eventItem {
    background: transparent;
    border-radius: 3px;
    padding: 10px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    display: inline-block;
    text-align: center;
    max-width: 22%;
    margin-bottom: 1.5%;
    margin-right: 1%;
}
.eventItem:hover {
    cursor: pointer;
}

.eventItem.selected {
    background: #fff none repeat scroll 0 0;
}

.eventItem.selected .eventName {
    color: #646464
}

.eventItem img {
    height: 100%;
    width: auto;
}

.loaderFormContainer::after {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    animation-name: fadeIn;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.loaderForm {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    z-index: 1;
}

#guestPrivacy.switch {
    background: #ededed none repeat scroll 0 0;
    height: 15px;
    width: 35px;
    top: 2px;
    margin: 15px 6px 0 0;
}

#guestPrivacy.switch small {
    background: #d6d6d6 none repeat scroll 0 0;
    box-shadow: none;
    height: 21px;
    top: -3px;
    width: 21px;
}

#guestPrivacy.switch.checked {
    background: #73f1d6;
}

#guestPrivacy.switch.checked small {
    background: #11c89f;
}

.form-auto > span {
    color: #fff;
    font-size: 14px;
    margin-top: 15px;
}

/*END FORM AUTOREGISTRATION*/

.col-lg-3.photo {
    text-align: center;
    text-transform: none;
}

.attType .switch.checked small::after {
    color: #fff;
}

.switch#type small::after {
    content: "\e642";
}

.switch#isGroup small::after {
    content: "\e62d";
}

.switch.big small, .switch.big small {
    height: 32px;
    width: 32px;
}

.switch.big {
    height: 26px;
    width: 60px;
}

/*FORM AUTOREGISTRATION START*/

header.form-header {
    padding: 20px;
    text-align: center;
    background: #fff;
}

.eventsContainer {
    margin-bottom: 40px;
    float: left;
    width: 100%;
    text-align: center;
}

.form-auto input, .form-auto textarea {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #fff;
    border-radius: 5px;
    color: #2e2e2e;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 16px;
    font-family: "Open Sans",sans-serif;
    padding: 5px 10px;
    line-height: inherit;
    width: 100%;
}

header.form-header ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 30px;
}

header.form-header ul li {
    float: left;
    font-family: "Open Sans",sans-serif;
    margin: 0 5px;
    text-transform: uppercase;
    text-decoration: none;
}

header.form-header ul li a {
    text-decoration: none;
    font-size: 14px;
    line-height: 1.42857;
    font-weight: normal;
    color: #626667;
}


header.form-header ul li a.active, header.form-header ul li a:hover {
    border-bottom: 1px solid #00B7C5;
    color: #00B7C5;
}

.form-auto input#formAutoButton {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: table;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    height: auto;
    margin: 30px auto 0;
    max-width: 150px;
    min-width: 150px;
    padding: 12px 20px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.form-auto input#formAutoButton:hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #0087c5;
    cursor: pointer;
}

.form-auto h4 {
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 40px;
}

.eventName {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0;
    letter-spacing: 0.5px;
}

.eventImg {
    border: 1px solid #fff;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    overflow: hidden;
}

body {
    margin: 0;
}

.eventItem {
    background: transparent;
    border-radius: 3px;
    padding: 10px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    display: inline-block;
}

.eventItem:hover {
    cursor: pointer;
}

.eventItem.selected {
    background: #fff none repeat scroll 0 0;
}

.eventItem.selected .eventName {
    color: #646464
}

.loaderFormContainer::after {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    animation-name: fadeIn;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.loaderForm {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    z-index: 1;
}

/*END FORM AUTOREGISTRATION*/

.CheckboxGroup {
    float: left;
    list-style: outside none none;
    margin-bottom: 10px;
    padding: 0;
    width: 78%;
    margin-top: 5px;
}

.CheckboxGroup li {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 30px;
    box-shadow: none;
    color: #646464;
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin: 0 8px 8px 0;
    min-width: 75px;
    padding: 6px 12px;
    width: -moz-max-content;
    width: max-content;
    width: -webkit-max-content;
    border: 2px solid #00b7c5;
    text-align: center;
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
}

.CheckboxGroup li:hover {
    cursor: pointer;
}

.CheckboxGroup li.selected {
    background: #00b7c5 none repeat scroll 0 0;
    color: #fff;
}

.checkboxGroupContainer {
    position: relative;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.checkboxGroupContainer::after {
    background: #e3e3e3 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 79%;
}

.roles .checkboxGroupContainer::after {
    content: none;
}

.checkboxGroupContainer:last-child::after {
    content: none;
}

.dropdown.user .hidden-xs {
    color: #00b7c5;
    margin-right: 5px;
}

.home .dropdown.user .hidden-xs {
    color: yellow;
    margin-right: 5px;
}

.box-tools-right .dropdown-menu, .box-tools-thanksemail .dropdown-menu, .reminder-dropdown .dropdown-menu {
    border: 1px solid #0dc89e;
    border-radius: 3px;
    left: -13px;
    min-width: 120px;
    padding: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.box-tools-right .dropdown-menu li, .box-tools-thanksemail .dropdown-menu li, .reminder-dropdown .dropdown-menu li {
    border-bottom: 1px solid #0dc89e;
    padding: 10px;
    transition: all 0.3s;
    -webkit- transition: all 0.3s;
}

.box-tools-right .dropdown-menu li:last-child, .box-tools-thanksemail .dropdown-menu li:last-child, .reminder-dropdown .dropdown-menu li:last-child {
    border-bottom: none;
}

.box-tools-right .dropdown-menu li:hover, .box-tools-thanksemail .dropdown-menu li:hover, .reminder-dropdown .dropdown-menu li:hover {
    background: #0dc89e;
    color: #fff;
    cursor: pointer;
}

.box-tools-thanksemail {
    margin-top: -20px;
    margin-bottom: 20px;
}

.adjust-margintop {
    margin-top: -20px;
}

.adjust-marginbottom {
    margin-bottom: 20px;
}

.box-tools-thanksemail .dropdown-menu {
    float: none;
    border: 1px solid #0dc89e;
    border-radius: 3px;
    left: -13px;
    min-width: 120px;
    padding: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.switch#type.yellow.checked {
    background-color: #f8c200;
    border: medium none;
}

.switch#type.yellow.checked small {
    background-color: #f76b1c;
    left: auto;
    right: 0;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .content-wrapper h4, h1, h2, h3, h1.loginTitle, .loginButton, b, strong {
            font-weight: 700;
        }

        .loginErrorMessage, p.powered, footer b, footer strong, .dropdown.user span, .content-wrapper .itemDetail label, .btn span, .CheckboxGroup li, .btn.btn-inner, .pagination > .active > a, .pagination a,
        .buttonHeaderContainer.buttonScroll button.buttonHeader span, .pagination > li > a, .content-wrapper label, .content-wrapper .checkboxMegaContainer .checkboxItemHeader label, .importExport span  {
            font-weight: 400;
        }

        .content-wrapper .tableSearch input {
            border-bottom: 1px solid #00b7c5;
        }
    }
}

@media only screen and (max-width: 1364px) and (min-width: 1196px) {
    .adjust-btn-send-thanks {
        top: 10px;
    }
}

_::-webkit-:host:not(:root:root), .content-wrapper h4, h1, h2, h3, h1.loginTitle, .loginButton, b, strong {
    font-weight: 700;
}

.loginErrorMessage, p.powered, footer b, footer strong, .dropdown.user span, .content-wrapper .itemDetail label, .btn span, .CheckboxGroup li, .btn.btn-inner, .pagination > .active > a, .pagination a,
.buttonHeaderContainer.buttonScroll button.buttonHeader span, .pagination > li > a, .content-wrapper label, .content-wrapper .checkboxMegaContainer .checkboxItemHeader label, .importExport span  {
    font-weight: 400;
}

.content-wrapper .tableSearch input {
    border-bottom: 1px solid #00b7c5;
}

.signContact {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    max-height: 300px;
    padding: 10px;
    float: left;
}

#photoContact {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#photoContact li {
    border: 1px solid #02b8c6;
    border-radius: 5px;
    float: left;
    height: 250px;
    margin-right: 15px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 250px;
    margin-bottom: 15px;
}

#photoContact li:first-child {
    margin-left: 0;
}

#photoContact li:last-child {
    margin-right: 0;
}

#photoContact img {
    width: 100%;
    text-align: center;
    height: auto;
}

#photoContact li .photoHover {
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 174, 195, 0.7);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

#photoContact li:hover .photoHover {
    opacity: 1;
    visibility: visible;
}

.photoHover .icon.ti-close {
    background: #ef4343 none repeat scroll 0 0;
    float: right;
    margin: 10px;
    color: #fff;
}

.photoHover .icon.ti-zoom-in {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    color: #00aec3;
    font-weight: bold;
    height: 40px;
    left: 0;
    margin: auto;
    padding: 11px 7px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}

.photoHover .icon.ti-zoom-in:hover {
    background: #CE3179;
    cursor: pointer;
    color: #fff;
}

.photoHover .icon.icon-circle.ti-close:hover {
    cursor: pointer;
}

.photoHover .icon {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

/*IMAGE VISUALIZER*/

.lightboxContainer .icon.icon-circle.ti-close {
    background: #ef4343 none repeat scroll 0 0;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 3px;
    top: 4px;
    z-index: 999999;
}

.lightboxContainer .icon.icon-circle.ti-close:hover {
    background: #646464;
    opacity: 1;
}

.lightboxContainer .ti-angle-right {
    margin-left: 20px;
}

.lightboxContainer .icon:hover {
    cursor: pointer;
}

.lightboxContainer .ti-angle-left {
    margin-right: 20px;
}

.lightboxContainer .ti-angle-left, .lightboxContainer .ti-angle-right {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    color: #646464;
    height: 31px;
    margin: auto;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s;
    width: 31px;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.lightboxContainer .ti-angle-left {
    left: 20px;
}

.lightboxContainer .ti-angle-left:hover, .lightboxContainer .ti-angle-right:hover {
    background: #646464;
    color: #fff;
}

.lightboxImage > img {
    border: 10px solid #fff;
    border-radius: 4px;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 100%;
}

.lightboxContainer .ti-angle-right {
    right: 20px;
}

.imgContact {
    width: 100%;
    height: 100%;
}

.signContact {
    border-radius: 5px;
    height: auto;
    max-height: 300px;
    float: left;
    padding: 10px 0;
}

.lightboxContainer {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999999;
}

.lightboxImage {
    height: 100%;
    margin: auto;
    position: relative;
    width: 90%;
}

.lightboxImageContainer {
    height: 100%;
    padding: 60px;
    width: 100%;
    text-align: center;
}

.lightboxImage:hover .ti-angle-left, .lightboxImage:hover .ti-angle-right {
    height: 31px;
    width: 31px;
    opacity: 1;
    visibility: visible;
}

.lightboxImage img.slideInRight {
    animation-name: slideInRight;
    animation-duration: 0.3s;
    animation-fill-mode: both;
}

.lightboxImage img.slideInLeft {
    animation-name: slideInLeft;
    animation-duration: 0.3s;
    animation-fill-mode: both;
}

.lightboxImage img.slideOutLeft {
    animation-name: slideOutLeft;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.lightboxImage img.slideOutRight {
    animation-name: slideOutRight;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}


/*END IMAGE VISUALIZER*/

.box-header button.btn.btn-inner.btn-add {
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 12px;
}

.selectConatiner {
    overflow: hidden;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    margin: 0 auto 30px;
}

.selectConatiner .styled-select {
    display: inline-block;
}

.selectConatiner .styled-select:first-child {
    margin-right: 10px;
}

.content-wrapper input#newFeedbackImage {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    float: none;
    height: auto;
    margin: 0;
    width: auto;
}

.attType {
    margin: 0 auto;
    overflow: hidden;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
}

.content-wrapper li label {
    font-size: 14px;
    margin: 4px;
    text-transform: uppercase;
    width: auto;
}

.detailSection ul li .switch {
    margin-left: 8px;
    margin-top: 6px;
}

.detailContainer.tab-container {
    border-top-left-radius: 0;
}

.main-sidebar, .left-side {
    z-index: 1;
}

.loaderContainer::before {
    background: -moz-linear-gradient(left, rgba(0,135,197,0.8) 0%, rgba(0,183,197,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,135,197,0.8) 0%,rgba(0,183,197,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,135,197,0.8) 0%,rgba(0,183,197,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800087c8', endColorstr='#8000b7c8',GradientType=1 ); /* IE6-9 */
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.loaderContainer {
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.loaderForm {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: unset;
    -moz-animation-name: spin;
    -moz-animation-duration: 1500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: unset;
    -ms-animation-name: spin;
    -ms-animation-duration: 1500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: unset;
    animation-name: spin;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: unset;
    transform-origin: 49% center 0;
    -webkit-transform-origin: 49% center 0;
    -ms-transform-origin: 49% center 0;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

#logo {
    height: auto;
    width: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    vertical-align: text-top;
    padding-top: 6px;
}

.sidebar-collapse #logoMini {
    display: inline-block;
    margin: 0 auto;
}

a.logo:hover #logo {
    opacity: 0.5;
}

#logoMini {
	height: 100%;
    width: auto;
    padding: 10px;
    display: none;
}

.sidebar-collapse #logoMini {
	display: block;
}

.nav-tabs {
    border-bottom: medium none;
}

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    background: #fff none repeat scroll 0 0;
    color: #444;
}

.nav-tabs > li > a:hover {
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover {
    border-bottom-left-radius: 0;
    color: #626667;
}

.nav-tabs > li > a {
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: #fff;
}

.nav-tabs > li {
    margin-bottom: -2px;
}

.detailSection.settings h4 {
    float: left;
    margin: 0 10px 0 0;
}

.modalBody.settings {
    padding: 30px;
}

.settings input[type="submit"] {
    background: #00b4c5 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-weight: 600;
    width: auto;
    transition: all 0.3s;
    padding: 6px 12px;
    border-radius: 30px;
}

.settings input[type="submit"]:hover {
    background: #0087c5 none repeat scroll 0 0;
}

.settings-lines {
    margin: 30px 0;
}

.settings-lines .btn {
    color: #fff;
}

.status {
    color: #00b4c5;
    font-weight: bold;
    margin-right: 10px;
    margin-left: 10px;
}

.settings-lines li {
    margin-bottom: 10px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 1px solid #fff;
}

.detailContainer.tab-container .detailSection:first-child {
    padding-top: 0;
}

.detailContainer.tab-container .detailSection .fieldAdded {
    margin-top: 0;
}

.detailContainer.tab-container .detailSection ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.detailContainer.tab-container ul.list-email-config {
    margin: 30px 0;
}

.list-email-config li {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    display: block;
}

.list-email-config li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.list-email-config li .modify {
    display: inline-block;
    margin-right: 20px;
}

.btn-primary {
    background-color: #0087c5;
    border-color: #0087c5;
}


.tab-container .detailSection select {
    clear: both;
    float: none;
    width: auto;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #006c9b;
    border-color: #006c9b;
}

.checked {
    color: #0087c5;
}

.tab-pane .modalBody {
    padding: 30px;
}

.tab-pane .box-tools-right {
    display: inline-block;
    width: auto;
}

.tab-pane .info {
    display: inline-block;
}

.tab-pane .selected .box-tools-right {
    display: block;
    float: none;
    margin: 20px 0;
    text-align: left;
    width: 100%;
}

.tab-pane .btn.btn-inner.btn-save {
    display: block;
    float: none;
    margin: 20px auto;
    text-align: center;
}

.tab-pane .modalButtons .btn.btn-inner.btn-save {
  margin: 0 8px;
  float: right;
}

.uib-tab i {
    margin-right: 5px;
}

div.btn, span.btn {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

#dzNew {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

#dzNew {
    background-color: rgba(98, 102, 103, 0.4);
    border-radius: 5px;
    padding: 30px;
    transition: all 0.3s ease 0s;
    width: 100%;
    max-height: 82px;
}

#dzNew.draggingOver, #dzNew:hover {
    background-color: rgba(0, 135, 197, 0.7);
    border: 2px dashed #0087c5;
}

/*.template-preview::after {
    background-color: rgba(0, 137, 197, 0.7);
     border-radius: 13px;
    color: #fff;
   content: "";
     height: 0;
     left: 0;
     position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
     -ms-transition: all 0.3s;
     width: 100%;
 }*/

.template-preview:hover::after {
  height: 100%;
}


.template-preview:hover::before {
  opacity: 1;
}

.template-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: start;
  -webkit-justify-content: start;
  -ms-justify-content: start;
}

.template-preview {
    cursor: pointer;
    height: auto;
    margin: auto;
    max-width: 100%;
    width: 100%;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.detailSection.templates .template-preview {
    cursor: default;
}

.template-item {
  border: 2px solid #00a1eb;
  border-radius: 5px;
  display: inline-block;
  flex-direction: column;
  height: 23vw;
  margin: 0 1.5% 25px 0;
  max-width: 23%;
  min-width: 23%;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  position: relative;
}

.template-info span:last-child {
    float: right;
    text-align: right;
}

.template-info {
    background: #ededed none repeat scroll 0 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #646464;
    font-weight: 500;
    padding: 10px;
    z-index: 1;
}

.template-buttons {
    background-color: #00a1eb;
    bottom: 0;
    padding: 10px 5px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.template-item:hover::after {
    height: 100%;
}

.template-buttons > a {
    color: #fff;
    margin: 0 10px;
}

.template-buttons a:hover {
    color: #003666;
}

#dzNew span {
    font-size: 1.3em;
    font-weight: 600;
}

.detailModalContainer.editor .modalBoxHeader > h4 {
    color: #fff;
}

.detailModalContainer.editor .modalBoxHeader {
    background: #373d49 none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
}

.detailModalContainer.editor .detailModal {
    margin: 0 auto;
    width: 100%;
}

/*TBD correct style*/
.detailModal #arrow-left::before, .detailModal #arrow-right::before, .detailModal #arrow-left.disabled, .detailModal #arrow-left.disabled:hover, .detailModal #arrow-left.disabled:focus, .detailModal #arrow-right.disabled, .detailModal #arrow-right.disabled:hover, .detailModal #arrow-right.disabled:focus {
    opacity: 1;
    background-color: grey;
}
.detailModal #arrow-left.disabled, .detailModal #arrow-left.disabled:hover, .detailModal #arrow-left.disabled:focus, .detailModal #arrow-right.disabled, .detailModal #arrow-right.disabled:hover, .detailModal #arrow-right.disabled:focus {
    opacity: 0.5;
}
/*TBD correct style*/

.detailModalContainer.editor {
    margin: 0;
    padding: 20px;
    z-index: 9999;
}

.tab-pane .editor .modalBody {
    padding: 30px;
}

.gjs-editor-cont {
    border: 1px solid #bababa !important;
    position: relative;
    z-index: 0;
}

#gjs-pn-commands.gjs-pn-panel, #gjs-pn-options2.gjs-pn-panel {
    box-shadow: none !important;
}

.gjs-block-label {
    font-family: "Open Sans",sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 500 !important;
}

.detailModalContainer.editor .modalButtons {
    padding: 30px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
}

.editor .modalBody > .btn.btn-save {
    float: right;
}

.btn.btn-template span {
    color: #646464;
    text-transform: none;
}

.btn.btn-template {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #0087c5;
    font-size: 13px;
    margin: 0;
    text-transform: none;
}

.btn.btn-template:hover, .btn.btn-template:focus, .btn.btn-template:active {
  background: #0087c5;
}

.btn.btn-template:hover span, .btn.btn-template:focus span, .btn.btn-template:active span {
  color: #fff;
}

.select-template {
  margin-top: 20px;
}

.content-wrapper .itemDetail .select-template label {
    margin: 8px 35px 10px 0;
}

.content-wrapper .event-info h4 {
    margin-bottom: 20px;
}

.event-info > ul {
    border: 1px solid #ddd;
    border-radius: 5px;
    list-style: outside none none;
    margin: 0 auto;
    padding: 20px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    min-width: 50%;
}

.event-info li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative;
}

.event-info li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

#t4ModalInvitationTemplates .modalBody, #t4ModalPreinvitationTemplates .modalBody, #t4ModalReminderTemplates .modalBody, #t4ModalThanksTemplates .modalBody {
    padding: 30px;
}

/*#t4ModalInvitationTemplates .template-info span:last-child, #t4ModalThanksTemplates .template-info span:last-child {
    float: none;
}*/

#t4ModalInvitationTemplates .template-item:active, #t4ModalInvitationTemplates .template-item:hover, #t4ModalInvitationTemplates .template-item:checked, #t4ModalInvitationTemplates .template-item:focus,
#t4ModalPreinvitationTemplates .template-item:active, #t4ModalPreinvitationTemplates .template-item:hover, #t4ModalPreinvitationTemplates .template-item:checked, #t4ModalPreinvitationTemplates .template-item:focus,
#t4ModalReminderTemplates .template-item:active, #t4ModalReminderTemplates .template-item:hover, #t4ModalReminderTemplates .template-item:checked, #t4ModalReminderTemplates .template-item:focus,
#t4ModalThanksTemplates .template-item:active, #t4ModalThanksTemplates .template-item:hover, #t4ModalThanksTemplates .template-item:checked, #t4ModalThanksTemplates .template-item:focus, .template-item:hover {
    border-color: #00a1eb;
    box-shadow: 0 0 13px rgba(0, 161, 235, 0.2);
}

.template-selected {
    color: #0087c5;
    margin-left: 10px;
    position: relative;
}

.charts-container .headerDetail > span {
    width: 100%;
}

.charts-container .detailSection .box-body {
    border-top: 1px solid #e3e3e3;
    border-radius: 0;
    margin: 30px 0;
    padding: 30px 0 !important;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.charts-container .btn-download {
  vertical-align: text-bottom;
}

.charts-container .charts .col-lg-6, .charts-container .charts .col-lg-3 {
    border: none;
    box-shadow: 0 3px 0 #00b7c5 inset;
    -webkit-box-shadow: 0 3px 0 #00b7c5 inset;
    border-radius: 5px;
    margin: 0 0 40px;
    padding: 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.charts-container .charts .time {
  -webkit-box-shadow: 0 3px 0 #0dc89e inset;
  box-shadow: 0 3px 0 #0dc89e inset;
  border-left: 1px solid #e3e3e3;
}

.charts-container .charts .attendances-used {
  -webkit-box-shadow: 0 3px 0 #ff8d02 inset;
  box-shadow: 0 3px 0 #ff8d02 inset;
  border-left: 1px solid #e3e3e3;
}

.charts-container .charts .attendances-type {
  -webkit-box-shadow: 0 3px 0 #00C0EF inset;
  box-shadow: 0 3px 0 #00C0EF inset;
  border-right: none;
}

.charts-container .charts .groups {
  -webkit-box-shadow: 0 3px 0 #4f62de inset;
  box-shadow: 0 3px 0 #4f62de inset;
  border-left: 1px solid #e3e3e3;
}

.charts-container .charts .registration {
  -webkit-box-shadow: 0 3px 0 #cb288d inset;
  box-shadow: 0 3px 0 #cb288d inset;
}

.charts-container canvas.chart-doughnut {
    height: auto !important;
    width: 78% !important;
    margin: 0 auto;
}

.content-wrapper .charts-container h4 {
    text-align: center;
}

.content-wrapper .gjs-editor-cont input, .content-wrapper .gjs-editor-cont textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    float: none;
    height: auto;
    margin-bottom: 0;
    padding: 3px 4px 4px;
    width: auto;
}

.gjs-editor-cont .btn {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    min-width: auto;
}

.gjs-mdl-container {
    z-index: 6;
}

.tableContainer > t4-checkbox-group .CheckboxGroup {
    margin: 8px 0 0;
}

live-search, .tableContainer > t4-checkbox-group {
    display: inline-block;
    overflow: hidden;
    padding: 20px;
}

.CheckboxGroup li:hover {
    background: #00b7c5 none repeat scroll 0 0 !important;
    color: #fff;
}

.modalBody .right select {
    margin-bottom: 0;
}

.switch.big {
  margin-top: 4px;
}

.switch.big.checked {
  margin: 4px 0 0 0;
}

select {
    -moz-appearance: none;
    -webkit-moz-appearance: none;
    -ms-moz-appearance: none;
    background: transparent url("/resources/img/angle-down.svg") no-repeat scroll 96% center / 14px 13px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    color: #272727;
    padding: 5px 10px;
    vertical-align: super;
}

select option, select {
    outline: none !important;
}

.input-group {
  z-index: 0;
}

.tab-container {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    padding: 20px;
}

.detailContainer.settings {
    background: transparent none repeat scroll 0 0;
    padding: 0;
}

.list-email-config {
    margin: 20px 0;
    padding: 0;
}

.template-item.ng-animate.ng-leave, .list-email-config .btn-edit.ng-animate.ng-leave, .list-email-config .btn-primary.ng-animate.ng-leave, .list-email-config .btn-cancel.ng-animate.ng-leave {
  transition: none !important;
  animation: none;
}

.template-item.ng-animate {
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -ms-animation-name: fadeIn;
  -ms-animation-duration: 0.3s;
  -ms-animation-fill-mode: both;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

.editorView .btn-save {
    float: right;
    text-transform: uppercase;
    color: #fff;
    background: #00a1eb;
}

.editorView .btn-save:hover {
    background: #D32E76;
}

.content-wrapper .editorView > input, .content-wrapper .editorView > select {
    min-width: 30%;
    width: auto;
}

.content-wrapper .editorView > select {
  margin-left: 10px;
}

.gjs-editor-cont {
    margin-top: 30px;
}

.switch {
  margin-top: 7px;
}

.detailContainer .gjs-editor-cont input {
  color: #a0aabf;
}

.gjs-field input, .gjs-field select, .gjs-field textarea {
  min-width: 0;
  background: none;
  border-radius: 0;
  vertical-align: inherit;
}

.content-wrapper .gjs-editor-cont label {
    color: #a0aabf;
    float: none;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 5px;
    text-align: inherit;
    text-transform: capitalize;
    width: auto;
}

.gjs-toolbar {
    min-width: 68px;
}

body.editor-active .loginForm {
    position: relative;
    top: 52px;
}

body.editor-active header.main-header {
    position: relative;
    right: unset;
    top: unset;
}

body.editor-active .sidebar-menu {
    top: 0;
}

body.editor-active .content-wrapper {
    padding-top: 0;
    overflow: hidden;
}

.content-wrapper label#profilePhoto {
    z-index: 1;
}

.input-group.date {
  position: relative;
  z-index: 4;
}

.CheckboxGroup {
  z-index: 0;
}

input.date {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    display: inline-block;
    max-width: 20%;
}

.btn.btn-default.button-date {
  background-color: #fff;
  border-color: #d2d6de;
  border-radius: 0;
  height: 32px;
  min-width: auto;
  padding: 0;
  width: 32px;
  border-left: none;
}

.btn.button-date span {
    vertical-align: baseline;
    color: #555;
    font-size: 14px;
    padding: 0 0 4px;
    text-align: center;
}

.btn.btn-default.button-date:hover {
    background: #9b5ae1 none repeat scroll 0 0;
}

.btn.btn-default.button-date:hover span {
  color: #fff;
}

.charts-container .detailSection {
  padding-top: 0;
}

.charts-container .row {
    margin: 0;
}

.charts-container live-search {
  padding: 0;
  margin-right: 10px;
}

div.page:not(.active) {
    display: none;
}

.charts-container .events .event {
    display: inline-block;
    overflow: hidden;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    width: 14%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.charts-container .events .event.active h4 {
  color: #fff;
}

.charts-container .events .event .event-img {
    background-size: cover;
    border: 1px solid #0087c5;
    border-radius: 50%;
    display: block;
    height: 180px;
    margin: 0 auto 20px;
    width: 180px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    background-size: cover;
}

.charts-container .events {
  margin-bottom: 30px;
}

.row.attendances > .col-lg-8 {
    float: none;
    margin: 0 auto;
    overflow: hidden;
}

.charts-container .btn.btn-primary {
    height: 30px;
    min-width: 0;
    padding: 5px;
    text-align: center;
    width: 30px;
}

.charts-container .btn.btn-primary i {
    vertical-align: text-top;
}

.charts-container .btn.disabled, .charts-container .btn[disabled] {
    opacity: 0;
}

.charts-container .carousel {
  padding: 0 60px;
  z-index: 1;
}

.charts-container .carousel-controls {
    position: relative;
    width: 100%;
    display: table-footer-group;
    display: contents;
    height: 100%;
    top: 0;
}

.charts-container .carousel-controls .btn-primary {
  position: absolute;
  z-index: 2;
  top: 48%;
}

.charts-container .carousel-controls .btn-primary.next {
  right: 0;
}

.charts-container .carousel-controls .btn-primary.prev {
  left: 0;
}

.charts-container .btn.btn-primary.next {
    float: right;
}

.charts-container .event p {
    margin-bottom: 0;
}

.charts-container .event h4 {
  margin-bottom: 5px;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.charts-container .events .event:hover .event-img, .charts-container .events .event.active .event-img {
    border-width: 5px;
}

.charts-container .events .event:hover h4, .charts-container .events .event.active h4 {
    color: #0087C5;
}

live-search input {
  text-transform: capitalize;
}

.events .active {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  overflow-x: hidden;
}

.events .carousel, .events .box-body, .events .page {
  overflow-x: hidden;
}

.events .page {
  max-height: 400px;
}

.events .page.ng-animate {
    opacity: 0;
}

.events .active.next {
  animation-name: fadeInRight;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.events .active.prev {
  animation-name: fadeInLeft;
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes fadeInLeft {
0% {
      opacity: 0;
      transform: translate3d(-100%, 0px, 0px);
  }
  100% {
      opacity: 1;
      transform: none;
  }
}

@keyframes fadeInRight {
  0% {
      opacity: 0;
      transform: translate3d(100%, 0px, 0px);
  }
  100% {
      opacity: 1;
      transform: none;
  }
}

.required-asterisk::after {
    color: red;
    content: "*";
    font-size: 10px;
    right: -9px;
    position: absolute;
    top: -5px;
}

.content-wrapper .itemDetail label.required-asterisk {
  position: relative;
}

.required-asterisk-info {
    float: right;
    font-size: smaller;
    font-style: italic;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.alert-loader img {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

.modalInnerHeader.excel {
    text-align: center;
}

.modalInnerHeader.excel a.btn {
  margin-top: 10px;
}

live-search .box-tools-left .input-group-btn {
  z-index: 9;
}

.detailModalContainer {
  width: auto;
  left: 200px;
  padding-left: 0;
  z-index: 3;
}

.guestReview .modalButtons {
    background: #fff none repeat scroll 0 0;
    bottom: 47px;
    padding: 20px;
    position: relative;
    z-index: 9;
}

.headerDetail.full span {
  width: 100%;
}

.modalBody .ti-close {
    margin: 0 30px;
    float: right;
    cursor: pointer;
}

.modalBody.noHeader {
  border-radius: 5px;
}

.photo .progress {
  top: unset;
}

.btn-validate {
    background: #0088C5 none repeat scroll 0 0;
    display: block;
    margin: 20px auto;
}

.btn-validate:hover {
    background: #00B7C5 none repeat scroll 0 0;
}

/*START FAST RESTYLING SEPTEMBER*/

img.vector {
    height: auto;
    margin: 40px auto;
    position: relative;
    right: unset;
    top: unset;
    width: 80%;
}

#gradient {
    animation: none;
    background: #fff none repeat scroll 0 0;
    height: 100vh;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: -1;
}

.inputLogin {
    background-color: rgba(111, 111, 111, 0.02);
    border: 1px solid #6f6f6f;
    color: #6f6f6f;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.loginButton {
    background: #4ba3e3 none repeat scroll 0 0;
    color: #fff;
    font-family: "Open Sans",sans-serif;
}

.loginButton:hover {
    background: #acdee5 none repeat scroll 0 0;
    color: #fff;
}

p.copyright {
    color: #6f6f6f;
}

input:focus, .form-control:focus {
    background-color: rgba(75, 163, 227, 0.05);
    border-color: #4ba3e3;
}

.wrap {
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
}

h1.loginTitle {
    color: #191919;
    font-size: 40px;
    font-weight: 300;
    left: unset;
    line-height: 1;
    position: relative;
    text-align: center;
    top: unset;
}

.login-box-body {
    bottom: unset;
    float: none;
    left: unset;
    margin: 0 auto;
    position: relative;
    right: unset;
}

.login-box {
    display: block;
    height: auto;
    margin: 40px auto 0;
    max-width: 36%;
    position: relative;
    top: unset;
    width: auto;
}

.sidebar-menu > li:hover, .current-item, .home.skin-blue .main-header .navbar {
    background: #4ba3e3 none repeat scroll 0 0;
}

.bg-orange-gradient {
    background: #f5a68e none repeat scroll 0 0;
}

.bg-purple-gradient {
    background: #c4c9e7 none repeat scroll 0 0;
}

.bg-light-blue-gradient {
    background: #4BA3E3 none repeat scroll 0 0;
}

.content-login .copyright a {
    color: #4ba3e3;
}

.content-login .copyright a:hover {
    color: #ACDEE5;
}

.logo svg {
    display: block;
    height: auto;
    margin: 0 auto;
    padding-top: 18px;
    vertical-align: middle;
    width: 100%;
    transition: all 0.3s;
}

.logo:hover svg {
    opacity: 0.8;
}

.sidebar-menu > li, .help {
    transition: all 0.3s ease 0s;
}

.home .dropdown.user .hidden-xs, .home .logout:hover {
    color: #acdee5;
}

.home .navbar-custom-menu ul li a.active, .home .navbar-custom-menu ul li a:hover {
    border-bottom: 1px solid #acdee5;
    color: #acdee5;
}

body, .content-wrapper {
    background: #4ba3e3 none repeat scroll 0 0;
    background: -moz-linear-gradient(left,  #4ba3e3 0%, #4ba3e3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #4ba3e3 0%,#4ba3e3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #4ba3e3 0%,#4ba3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba3e3', endColorstr='#4ba3e3',GradientType=1 ); /* IE6-9 */
}

.bg-light-blue-gradient .imgHome {
    margin-right: 0;
    max-height: 350px;
}

.imgHome {
    float: none;
    text-align: center;
}

.sidebar-collapse .logo svg {
    opacity: 0;
    visibility: hidden;
}

.main-header .logo > img {
    opacity: 0;
    padding: 0;
    vertical-align: middle;
    visibility: hidden;
    width: auto;
    height: 100%;
    margin: 0 auto;
    display: none;
}

.sidebar-collapse .logo > img {
    display: block;
    opacity: 1;
    visibility: visible;
}

.alert.alert-info.alert-leave, .alert.alert-info {
    background: #4ba3e3 none repeat scroll 0 0;
}

.bg-light-blue-gradient, .contentDashboard .box.box-solid {
    padding: 60px;
}

.bg-light-blue-gradient .col-lg-6 {
  padding: 0;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #acdee5 !important;
}

body.sidebar-mini.sidebar-collapse footer.main-footer {
    margin-left: 0 !important;
}

.home .main-header nav.navbar.navbar-static-top {
    box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.2) !important;
}

.skin-blue .main-header .navbar {
    background-color: #fff;
}

.dropdown.user .hidden-xs {
    color: #4ba3e3;
}

.skin-blue .main-header li.user-header {
    border-color: #4ba3e3;
}

.navbar-custom-menu ul li a.active, .navbar-custom-menu ul li a:hover {
  border-color: #4ba3e3;
  color: #4ba3e3;
}

.buttonHeader:first-child span, .buttonHeader:first-child .icon, button.buttonHeader[disabled]:first-child:hover span, button.buttonHeader[disabled]:first-child:hover .icon {
    color: #76dbc5;
}

.buttonHeader:first-child:hover::after {
    background: #76dbc5 none repeat scroll 0 0;
}

.buttonHeader:nth-child(2) span, .buttonHeader:nth-child(2) .icon, button.buttonHeader[disabled]:nth-child(2):hover span, button.buttonHeader[disabled]:nth-child(2):hover .icon {
    color: #f28060;
}

.buttonHeader:nth-child(2):hover::after {
    background: #f28060 none repeat scroll 0 0;
}

.buttonHeader:nth-child(3) span, .buttonHeader:nth-child(3) .icon, button.buttonHeader[disabled]:nth-child(3):hover span, button.buttonHeader[disabled]:nth-child(3):hover .icon {
    color: #ff6b6b;
}

.buttonHeader:nth-child(3):hover::after {
    background: #ff6b6b none repeat scroll 0 0;
}

.buttonHeader:last-child span, .buttonHeader:last-child .icon, button.buttonHeader[disabled]:last-child:hover span, button.buttonHeader[disabled]:last-child:hover .icon {
    color: #70d1e8;
}

.buttonHeader:last-child:hover::after, .buttonHeaderContainer.buttonScroll button.buttonHeader {
    background: #70d1e8 none repeat scroll 0 0;
}

.buttonHeaderContainer.buttonScroll button.buttonHeader:hover {
    background: #f5a68e none repeat scroll 0 0;
}

button.buttonHeader:first-child:hover span, button.buttonHeader:first-child:hover .icon,
button.buttonHeader:nth-child(2):hover span, button.buttonHeader:nth-child(2):hover .icon,
button.buttonHeader:nth-child(3):hover span, button.buttonHeader:nth-child(3):hover .icon,
button.buttonHeader:last-child:hover span, button.buttonHeader:last-child:hover .icon
 {
    color: #fff;
}

.main-footer a {
    color: #acdee5;
}

.logoImgContainer, .CheckboxGroup li, .content-wrapper .tableSearch input, .btn.btn-template, .checkboxItem, .checkboxMegaContainer, #dzNew.draggingOver, #dzNew:hover {
    border-color: #4ba3e3;
}

.detailSection .icon.ti-camera, .CheckboxGroup li.selected, .btn.btn-template:hover, .btn.btn-template:focus, .btn.btn-template:active, .icon-circle, .checkboxItemHeader, .template-buttons, .ti-pencil {
  background: #4ba3e3;
}

#profilePhoto .icon.ti-camera:hover {
    background: #acdee5 none repeat scroll 0 0;
}

.table-hover > tbody > tr:hover {
    background-color: #eaf5fc;
}

.switch.green.checked {
    background-color: #acdee5;
}

.switch.green.checked small {
    background-color: #4ba3e3;
}

.switch, .switch small {
  transition: all 0.3s;
}

.btn, .btn-inner {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #4ba3e3;
    color: #646464;
}

.btn:hover, .box-tools-right .dropdown-menu li:hover {
  background: #4ba3e3;
}

.btn.btn-search, .btn.btn-back {
    border: medium none;
}

.btn.btn-default.button-date, .date span.input-group-btn .btn.btn-default {
  border-width: 1px;
}

.btn.btn-search:hover {
    background: none;
}

.btn span {
  color: #646464;
}

.btn span.caret {
  vertical-align: middle;
}

.btn:hover span {
  color: #fff;
}

.btn.btn-default.button-date:hover {
    background: #c4c9e7 none repeat scroll 0 0;
}

.tableBoxHeader .box-tools-left {
    float: none;
    width: 100%;
}

.tableBoxHeader live-search {
    padding: 0;
}

.tableBoxHeader .input-group.detailSearch, .tableBoxHeader .box-tools-right {
    display: inline-block;
}

.detailModalContainer {
    background-color: rgba(75, 163, 227, 0.9);
    background: -moz-linear-gradient(top,  rgba(75, 163, 227, 0.9) 0%, rgba(75, 163, 227, 0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(75, 163, 227, 0.9) 0%,rgba(75, 163, 227, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(75, 163, 227, 0.9) 0%,rgba(75, 163, 227, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba3e3', endColorstr='#4ba3e3',GradientType=0 ); /* IE6-9 */
}

.CheckboxGroup li:hover {
    background: #acdee5 none repeat scroll 0 0 !important;
    border-color: #acdee5 !important;
}

.template-item {
    border: 1px solid #4ba3e3;
}

.box-tools-right .dropdown-menu, .box-tools-right .dropdown-menu li, .content-wrapper .detailSearch input, .reminder-dropdown .dropdown-menu {
    border-color: #4ba3e3;
}

.color-select .dropdown-menu, .color-select .dropdown-menu li {
    border-color: #70d1e8;
}

.color-select .dropdown-menu li:hover {
    background: #70d1e8;
}

.color-select .dropdown-menu {
    top: -107px;
}

.content-wrapper .modalSelectAll label {
  color: #646464;
}

.modalButtons button:last-child, .modalButtons button:first-child {
    float: none;
}

.modalButtons {
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    max-width: 100%;
}

.btn.btn-cancel, .btn-inner.btn-cancel {
    border-color: #919191;
}

.btn.btn-cancel:hover, .btn-inner.btn-cancel:hover {
    background: #919191 none repeat scroll 0 0;
    border-color: #919191;
    color: #fff;
}

.uib-datepicker-popup .btn {
    color: #fff;
}

.uib-datepicker-popup .btn.uib-title {
  color: #646464;
}

.icon-circle:hover, .ti-pencil:hover {
    background: #70d1e8 none repeat scroll 0 0;
    cursor: pointer;
}

.tableContainer > t4-checkbox-group.groups_filter {
    padding-top: 0;
    width: 100%;
}

.crm-filters {
  padding: 20px;
}

.crm-filters live-search, .tableContainer .crm-filters t4-checkbox-group {
  padding: 0;
}

.crm-filters .CheckboxGroup {
    float: none;
    margin: 0;
    width: 100%;
}

.crm-filters t4-checkbox-group {
    display: block;
    overflow: hidden;
}

.content-wrapper .groups_filter_container h4 {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: none;
}

.groups_filter_container {
    border-left: 1px solid #e3e3e3;
    display: inline-block;
    margin-left: 2%;
    padding-left: 2%;
    vertical-align: top;
    max-width: 83%;
    box-sizing: border-box;
}

.crm-filters live-search {
    display: inline-block;
    max-width: 14%;
    overflow: hidden;
    vertical-align: super;
}

.btn.btn-remove, .btn-inner.btn-remove {
    border-color: #ff6b6b;
}

.btn.btn-remove:hover, .btn-inner.btn-remove:hover, .btn.btn-remove:focus, .btn-inner.btn-remove:focus {
  background-color: #ff6b6b;
}

.btn span {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.btn.btn-remove:hover, .btn-inner.btn-remove:hover, .btn.btn-remove.clicked[disabled], .btn-inner.btn-remove.clicked[disabled]
    background: #ff6b6b none repeat scroll 0 0;
    border-color: #ff6b6b;
}

.btn.btn-select, .btn-inner.btn-select {
    border-color: #70d1e8;
}

.btn.btn-select:focus, .btn-inner.btn-select:focus {
  background: #70d1e8 none repeat scroll 0 0;
}

.btn.btn-select {
  border-color: #70d1e8;
}

.btn.btn-select:hover, .btn-inner.btn-select:hover, .btn.btn-select.clicked[disabled], .btn-inner.btn-select.clicked[disabled] {
    background: #70d1e8 none repeat scroll 0 0;
    border-color: #70d1e8;
}

.btn.btn-download, .btn-inner.btn-download {
    border-color: #F3CF90;
}

.btn.btn-download:hover, .btn-inner.btn-download:hover, .btn.btn-download.clicked[disabled], .btn-inner.btn-download.clicked[disabled], .btn.btn-download:focus, .btn-inner.btn-download:focus {
    background: #F3CF90 none repeat scroll 0 0;
    border-color: #F3CF90;
}

.btn.btn-excel, .btn-inner.btn-excel {
    border-color: #C4C9E7;
}

.btn.clicked[disabled], .btn.clicked[disabled] span {
    color: #fff;
}

.btn.btn-excel:hover, .btn-inner.btn-excel:hover, .btn.btn-excel:focus, .btn-inner.btn-excel:focus, .btn.btn-excel.clicked[disabled], .btn-inner.btn-excel.clicked[disabled] {
    background: #C4C9E7 none repeat scroll 0 0;
    border-color: #C4C9E7;
}

.btn.btn-salom, .btn-inner.btn-salmon {
    border-color: #F5A68F;
}

.btn.btn-salom:hover, .btn-inner.btn-salmon:hover, .btn.btn-salom:focus, .btn-inner.btn-salmon:focus {
    border-color: #F5A68F;
    background: #F5A68F;
}

.alert.alert-success, .cdn-alert .notification-success {
    background: #70d1e8 none repeat scroll 0 0 !important;
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body, .cdn-alert .notification-error {
    background: #ff6b6b !important;
}

.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body, .alert.alert-warning, .cdn-alert .notification-warning {
    background: #f3cf90 !important;
}

.alert {
  top: 80px;
}

#arrow-left::before, #arrow-right::before, #arrow-left, #arrow-right {
  background: #F5A68E none repeat scroll 0 0;
  background: -moz-linear-gradient(top,  #F5A68E 0%, #F5A68E 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #F5A68E 0%,#F5A68E 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #F5A68E 0%,#F5A68E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5A68E', endColorstr='#F5A68E',GradientType=0 ); /* IE6-9 */
  transition: all 0.3s;
}

#arrow-left:hover::before, #arrow-right:hover::before {
    background: #c4c9e7 none repeat scroll 0 0;
    background: -moz-linear-gradient(top,  #c4c9e7 0%, #c4c9e7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #c4c9e7 0%,#c4c9e7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #c4c9e7 0%,#c4c9e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c9e7', endColorstr='#c4c9e7',GradientType=0 ); /* IE6-9 */
    transition: all 0.3s;
}

#arrow-left.disabled:hover::before, #arrow-right.disabled:hover::before {
  content: none;
}

#arrow-left.disabled:hover, #arrow-right.disabled:hover {
  content: none;
  cursor: inherit;
}

#arrow-right {
    right: 0;
}

.btn.btn-review {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.tableBoxHeader .box-tools-left .btn.btn-search {
    display: block;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.checked {
  color: #4BA3E3;
}

.detailContainer .box-body td span {
    vertical-align: middle;
}

#dzNew {
    background-color: rgba(75, 163, 227, 0.3);
    border-style: dotted;
}

#dzNew.draggingOver, #dzNew:hover{
  background-color: rgba(75, 163, 227, 0.7);
  border-style: dotted;

}

#dzNew span {
    color: #fff;
}

.btn.btn-save span {
    color: #fff;
}

.editorView .btn.btn-save {
  background: #70d1e8;
  border-color: #70d1e8;
}

.editorView .btn.btn-save:hover {
  background: #f5a68e;
  border-color: #f5a68e;
}

.charts-container .events .event .event-img, .btn-primary:hover, .btn-primary:active, .btn-primary.hover {
  border-color: #4BA3E3;
}

.icon-notes.ti-check {
  background: #4BA3E3;
}

.charts-container .events .event:hover h4, .charts-container .events .event.active h4 {
  color: #4BA3E3;
}

.charts-container .charts .attendances-used {
    box-shadow: 0 3px 0 #f5a68e inset;
}

.charts-container .charts .attendances-type {
    box-shadow: 0 3px 0 #4ba3e3 inset;
}

.charts-container .charts .groups {
    box-shadow: 0 3px 0 #c4c9e7 inset;
}

.charts-container .charts .time {
    box-shadow: 0 3px 0 #badfd7 inset;
}

.charts-container .charts .registration {
    box-shadow: 0 3px 0 #f48db1 inset;
}

.sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 137px;
}

.input-group-btn {
    position: unset;
}

.box-text > ul {
    padding-left: 20px;
}

.pastEvents .ti-thumb-up {
  color: #4BA3E3;
}

.pastEvents .ti-thumb-down {
    color: #ff6b6b;
}

.icon-notes.ti-trash, .detailContainer .modalBoxHeader .ti-close, .detailContainer .modalBoxHeader .inputGroupListContainer .ti-close, .modalBoxHeader .ti-close, .modalBody .ti-close {
  background: #ff6b6b;
}

.navbar.navbar-static-top {
  border-bottom: none !important;
}

.template-item .ti-check {
    display: none;
}

.template-item.active .ti-check {
    background: #76dbc5 none repeat scroll 0 0;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 16px;
    padding: 2px;
    position: relative;
    right: 0;
    text-align: right;
}

.template-selected {
    color: #4ba3e3;
}

.labelPhoto {
    background-color: rgba(255, 107, 107, 0.2);
    border: 2px solid #ff6b6b;
}

.templates .labelPhoto {
  width: 100%;
}

.alert.alert-info.alert-leave, .alert.alert-info, .alert-info, .alert.alert-info.alert-leave, .alert.alert-info.alert-leave, .alert.alert-info {
    background: #4ba3e3 none repeat scroll 0 0;
}

.alert .btn.btn-confirm, .t4popup .btn.btn-confirm {
    background: transparent none repeat scroll 0 0;
    border-color: #fff;
    color: #fff;
}

.alert .btn.btn-refuse, .t4popup .btn.btn-refuse {
    background: transparent none repeat scroll 0 0;
    border-color: #6f6f6f;
    color: #6f6f6f;
}

.alert .btn.btn-confirm:hover, .alert .btn.btn-confirm:active, .alert .btn.btn-confirm:focus, .t4popup .btn.btn-confirm:hover, .t4popup .btn.btn-confirm:focus, .t4popup .btn.btn-confirm:active {
    background: #fff none repeat scroll 0 0;
    color: #6f6f6f;
}

.alert .btn.btn-refuse:hover, .alert .btn.btn-refuse:active, .alert .btn.btn-refuse:focus, .t4popup .btn.btn-refuse:hover, .t4popup .btn.btn-refuse:focus, .t4popup .btn.btn-refuse:active {
    background: #6f6f6f none repeat scroll 0 0;
    color: #fff;
}

.alert#userOptionsModal .btn.btn-refuse {
    background: transparent none repeat scroll 0 0;
    border-color: #ccc;
    color: #ccc;
}

.alert#userOptionsModal .btn.btn-refuse:hover {
    background: #ccc none repeat scroll 0 0;
    color: #fff;
}

#userOptionsModal.alert.alert-info.alert-leave {
    top: 30%;
    background: #4ba3e3 none repeat scroll 0 0 !important;
}

.alert .btn, .t4popup .btn {
    border-radius: 50px;
}

.alert.alert-info {
    background: #4ba3e3 none repeat scroll 0 0;
}

.t4popup.centered {
  background: #ffd954;
}

.icon.icon-circle.ti-crown {
    background: #ffd954 none repeat scroll 0 0;
}

#loadingModal > img {
    width: 100px;
}

.alert-loader img {
  animation: heartbeat 1.5s infinite;
}

@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .75 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( .75 );
  }
  100%
  {
    transform: scale( .75 );
  }
}

.select-template {
    display: inline-block;
    margin: 20px 0;
}

.content-wrapper .select-template label {
    margin-right: 11px;
    width: auto;
}

.select-template:nth-child(2n) {
    border-right: 1px solid #e3e3e3;
    margin-right: 20px;
    padding-right: 20px;
}

.btn.btn-template.thanks {
    border-color: #76dbc5;
}

.btn.btn-template.thanks:hover, .btn.btn-template.thanks:focus {
    background: #76dbc5;
}

.use-template {
    background-color: rgba(75, 163, 227, 0.9);
    border-radius: 5px;
    color: #fff;
    left: 0;
    margin: auto;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 37%;
    width: -moz-max-content;
    width: -ms-max-content;
    width: -webkit-max-content;
    z-index: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}

#t4ModalInvitationTemplates .template-item:hover .use-template, #t4ModalPreinvitationTemplates .template-item:hover .use-template, #t4ModalReminderTemplates .template-item:hover .use-template, #t4ModalThanksTemplates .template-item:hover .use-template, #t4ModalLandingPage .template-item:hover .use-template {
  opacity: 1;
  visibility: visible;
}

body.skin-white {
    background: #fff none repeat scroll 0 0;
}

.detailContainer .add_field input {
    margin-right: 1%;
    min-width: 400px;
    width: auto;
    margin-bottom: 0;
}

.detailContainer .add_field select {
  margin-bottom: 0;
  margin-right: 1%;
}

.detailContainer .add_field button {
  vertical-align: super;
  margin: 0 !important;
}

.loader-spinner > img {
    vertical-align: text-top;
    height: 100%;
    width: auto;
}

.btn span.loader-spinner {
  height: 17px;
  display: inline-block;
  margin-left: 5px;
}

.importExport select {
    margin: 0 5px;
}

.modalBody .input-group.input-group-sm.detailSearch {
    margin: 0;
    width: auto;
}

.modalBody .input-group.input-group-sm.detailSearch live-search {
    padding: 0;
}

select:focus {
    background-color: rgba(75, 163, 227, 0.05);
    border-color: #4ba3e3;
}

.tab-container .detailSection > ul {
    list-style: outside none none;
    padding: 0;
}

/*END FAST RESTYLING SEPTEMBER*/

.importFileBox span {
    text-transform: none;
}

.importFileBox .btn {
    display: inline-block;
    float: none;
    margin-bottom: 0;
    min-width: 100px;
    width: auto;
    padding: 8px 5px;
}

.importFileBox .import_buttons {
    display: block;
    margin: 0 auto;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
}

#t4ModalImport .modalBody ul {
    margin: 0;
    padding: 20px 0;
    text-align: left;
    list-style: none;
}

#t4ModalImport .modalBody ul li {
    border-top: 1px solid #e3e3e3;
    padding: 8px 0;
}

#t4ModalImport .modalBody ul li p {
  margin: 0;
}

.excel_description .btn.btn-select {
  margin-left: 1%;
}

.excel_th, .excel_td {
    display: inline-block;
}

.excel_th {
    color: #4b566d;
    font-weight: 700;
}

#t4ModalImport .modalBody {
    padding: 30px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 1;
}

.importExport span.loader-spinner {
    width: auto;
    margin-bottom: 0;
    display: inline-block;
    float: none;
}

.importExport .selectConatiner {
  display: block;
  text-align: center;
  margin: 0 auto;
}

.detailSection .importExport select {
    width: auto;
    display: block;
    margin-bottom: 20px;
    min-width: auto;
    padding-right: 21px;
}

.collapse-chevron:after {
    font-family: 'Glyphicons Halflings';
    content: '\e114';
    cursor: pointer;
}

.collapse-chevron.collapsed:after {
    content: '\e080';
}

#snippet-conf div.content {
    margin: 1em;
}

.gjs-input-holder select {
    color: rgb(160, 170, 191);
    background-image: none;
}

.content-wrapper .templates-head label {
    display: inline-block;
    text-align: center;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -ms-max-content;
    float: none;
    margin: 0 1% 0 0;
    vertical-align: middle;
}

.content-wrapper .templates-head input {
    width: 100%;
    display: inline-block;
}

.content-wrapper .templates-head input#slug {
    margin-right: 2%;
    width: 74%;
    vertical-align: middle;
    margin-bottom: 0;
    background: #fff;
}

.content-wrapper .templates-head .btn {
  display: inline-block;
  margin: 0;
}

.content-wrapper .templates-head input.landing-name {
  margin-top: 20px;
}

.templates-head .btn span {
    vertical-align: middle;
}

.language img {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

div.language.active, div.language:hover {
    border: 3px solid #4BA3E3;
    border-radius: 6px;
}

div.language {
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -ms-transition: all 0.1s;
  display: inline-block;
  margin: 0 1%;
  cursor: pointer;
}

.step h4 {
    text-transform: none;
    font-weight: normal;
    font-size: 1.3em;
    margin: 30px 0 40px;
}

.step_number {
    display: inline-block;
    font-size: 1.2em;
    color: #fff;
    background: #ccc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin: 20px 6%;
    padding: 12px;
    text-align: center;
    font-weight: bold;
    position: relative;
    z-index: 9;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.step_number.active::before {
    position: absolute;
    left: -5px;
    right: 0;
    width: 60px;
    height: 60px;
    content: "";
    border-radius: 50%;
    top: -5px;
    z-index: 1;
    margin: auto;
    border: 1px solid #4BA3E3;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.step_number.active {
  background: #4BA3E3;
}

.step_number::after {
    position: absolute;
    left: 60px;
    height: 1px;
    width: 156px;
    top: 49%;
    content: "";
    background-image: linear-gradient(to right, #ccc 33%, #fff 0%);
    background-position: bottom;
    background-size: 13px 1px;
    background-repeat: repeat-x;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.step_number:nth-child(3)::after {
  content: none;
}

#t4ModalLandingPage .icon.ti-angle-right {
    font-size: 11px;
}

.detailSection.templates .template-item {
    max-width: 250px;
    margin: 0 auto;
    display: block;
    height: 300px;
}

.detailSection.templates .col-lg-4 {
    border-right: 1px solid #e3e3e3;
    padding: 0 3em;
    text-align: center;
}

.templates-head {
  margin-bottom: 40px;
  display: block;
}

.inputfile {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    font-size: 1.0em;
    font-weight: 500;
    display: inline-block;
    text-align: center;
}

.inputfile + label:hover {
    border-bottom: 1px solid black;
}

.inputfile + label {
    cursor: pointer; /* "hand" cursor */
}

.hidden {
  display: none;
}

.step {
    text-align: center;
    padding: 0 2em;
}

img.customize {
    display: block;
    margin: 20px auto 50px;
}

.btn.btn-template.customize {
    border-color: #F5A68F;
    background: #F5A68F;
}

.btn.btn-template.customize:hover {
    border-color: #0087c5;
    background: #0087c5;
}

.btn.btn-template.customize span {
    color: #fff;
}

#gjs-pn-t4panel.gjs-pn-panel {
    left: 0;
}

.detailSection .tableBoxHeader select {
    width: auto;
    padding-right: 3em;
    background-color: #fff;
    outline: none;
}

.collapse-chevron {
    font-weight: lighter;
    vertical-align: middle;
}

.language-flag .single-language {
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #e3e3e3;
}

.language-flag .single-language:hover {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}

.languages-flags {
    background: #fff;
    border-radius: 50px;
    padding: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    min-width: 10em;
    text-align: center;
    margin-bottom: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.language-flag {
    display: inline-block;
    margin: 0 1%;
    vertical-align: middle;
}

.language-flag:last-child {
    margin: 0;
}

.detailSection.templates .template-item:hover {
    box-shadow: none;
}

.language-selector {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
    z-index: 2;
}

.btn.btn-template.landing {
    border-color: #d8759e;
}

.btn.btn-template.landing:hover, .btn.btn-template.landing:focus, .btn.btn-template.landing:active {
    background: #d8759e;
    border-color: #d8759e;
}

#text-landing, #text-preview {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    visibility: hidden;
    background-color: rgba(118, 219, 197,0.4);
    border: 2px solid #76dbc5;
    border-radius: 5px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #40a58f;
    position: absolute;
    top: -10px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 90%;
}

.templates-head .btn.btn-template.landing:hover + #text-landing, .templates-head .btn.btn-inner.btn-excel:hover + #text-preview {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 8px 12px;
    margin-top: 10px;
}

.detailSection.templates .template-preview {
  cursor: default;
}

.detailSection .icon.icon-circle.ti-download {
    background: #76dbc5;
}

.detailSection .icon.icon-circle.ti-download:hover,.detailSection .icon.icon-circle.ti-download:focus, .detailSection .icon.icon-circle.ti-download:active {
    background: #70D1E8;
}

.mail-template-box-eventdetail {
    border-right: 1px solid #d3d3d3;
    text-align: center;
}

.spacer-top-bottom40 {
    padding-top: 20px;
    padding-bottom: 20px;
}

#userDetailDisabled {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 7px;
}

.content-wrapper input[type="radio"] {
    width: auto;
    border: none;
    background: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    margin: 3px 20px 0 0;
}

.content-wrapper label.radio-label {
    width: auto;
    text-align: left;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

form.detailSection .input-group.date, form.detailSection #documentForm select {
    margin-bottom: 10px;
}

.right.attType.code {
    margin-top: 0;
    max-width: 45%;
    margin-left: 3%;
}

.right.attType.code textarea {
    max-width: 100%;
    min-width: 100%;
    max-height: 125px;
    min-height: 125px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100% !important;
}

.tableBoxHeader .box-tools-right .btn {
    margin: 5px 1%;
}
@media screen and (max-width:1920px){.content-wrapper .guestReview label.labelMultiselect{text-align:left;width:100%;margin:5px 0}.content-wrapper .guestReview label,.content-wrapper .guestReview input{text-align:left;width:100%}.content-wrapper .guestReview .multiSelect{border-radius:20px;width:100%}.content-wrapper .guestReview .multiSelect>div{margin:5px}}@media screen and (max-width:1800px){.content-wrapper .templates-head input#slug{width:60%}.detailSection .templates-head .template-selected{width:100%;display:block;padding:0;margin:15px 0}.charts-container .events .event .event-img{height:160px;width:160px}.charts-container .events .event{padding:10px 5px}.detailModal #name{width:278px}}@media screen and (max-width:1600px){.right.attType{float:left !important;margin-top:26px}.box-tools-left{width:auto}.box-tools-right{float:right;width:20%}.content-wrapper .inputGroupList input{width:67%}.inputGroupList{width:97%}.content-wrapper label{width:12%}.content-wrapper .importFileBox label{width:auto}.box-tools-right,.box-tools-left{width:auto}.detailModal .input-group.date{width:23.5%}.content-wrapper .uploadDocument{background:transparent none repeat scroll 0 0;border:medium none;border-radius:0}#documentForm>input{width:65%}.box.box-solid:nth-child(2) svg{left:-60px}.box.box-solid:nth-child(1) svg{top:140px}.content-wrapper .generatePw input{width:78%}.listInfoPos{float:none;width:100%}.recapContainer .recap input{width:70%}.charts-container .events .event .event-img{height:150px;width:150px}.importExport .selectConatiner{width:auto}}@media screen and (max-width:1550px){.recapContainer .recap input{width:65%}.content-wrapper .importFileBox label{width:auto}.detailContainer .add_field input{min-width:30%}}@media screen and (max-width:1440px){.charts-container .events .event .event-img{height:130px;width:130px}.guestReview .detailModal{height:80%;overflow-x:hidden;position:relative}.bg-light-blue-gradient .box-text{padding:0}.box-text>ul{padding:0 15px}.contentDashboard .box.box-solid{padding:60px}.box-text>ul li{font-size:16px}.bg-orange-gradient .imgHome,.bg-purple-gradient .imgHome{padding-top:60px}.bg-light-blue-gradient .imgHome{width:50%}.progress{width:50%}.logoImgContainer .progress{width:200px}.content-wrapper .inputGroupList input{width:67%}.sidebar-menu>li>a{padding:13px 12px}.buttonHeader:hover::after{transform:scale3d(1.5, 1.5, 1)}.contentDashboard .box.box-solid.chartBox{height:320px}.detailModal .input-group.date{width:27%}.content-wrapper label,.content-wrapper .validationLabel{width:16%}.content-wrapper .inputGroupList input{width:66%}.box.box-solid:nth-child(1) svg{right:-74px;top:100px;width:80%}.box.box-solid:nth-child(2) svg{left:-36px;top:80px;width:112%}.content-wrapper .generatePw input{width:75%}.modalBody #documentFile{margin-left:14px}.bg-orange-gradient,.bg-purple-gradient{min-height:410px}img.airplane{right:19%}h1.loginTitle{left:16%}p.powered{right:23%}img.airplane{right:18%;width:700px;top:22%}h1.loginTitle{left:17%}p.powered{right:20%;top:53%}.charts-container .events .event p b{display:block}.content-wrapper .importFileBox label{width:auto}.tableBoxHeader .box-tools-left,.tableBoxHeader .box-tools-right{width:auto;display:inline-block}.content-wrapper .templates-head input#slug{width:83%}.content-wrapper .templates-head .btn.btn-excel span{display:none}.content-wrapper .templates-head .btn.btn-excel span.icon{display:block;vertical-align:baseline;margin:0}.content-wrapper .templates-head .btn.btn-excel{margin:0;width:auto;min-width:0;text-align:center;display:table}.tableBoxHeader .box-tools-right{width:65%}}@media screen and (max-width:1415px){.guestReview .multiSelect{width:100%;border-radius:20px}.guestReview .multiSelect>div{margin:5px}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:1366px){.charts-container .events .event .event-img{height:120px;width:120px}.modalBody label{width:16%}.modalBody select{width:200px}.modalBody #documentFile{margin-left:0}.sidebar-menu>li>a{padding:12px 12px}.modalBody #documentFile{font-size:13px}.detailModal #name{width:270px}.alert{top:60px}.bg-light-blue-gradient .imgHome{margin-right:33%}.bg-orange-gradient,.bg-purple-gradient{min-height:406px}img.airplane{top:25%;width:48%}p.powered{top:59%}img.airplane{right:20%;width:700px}h1.loginTitle{left:11%;top:13%}.content-wrapper .importFileBox label{width:auto}.content-wrapper .templates-head input#slug{margin-right:0;width:100%;vertical-align:middle;margin-bottom:20px}}@media screen and (max-width:1336px){.recapContainer .recap input{width:60%}.detailModal #name{margin-right:10px;width:250px}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:1280px){.charts-container .events .event .event-img{height:110px;width:110px}.content-wrapper .importFileBox label{width:auto}.box-tools-right,.box-tools-left{width:38%}.box.box-solid:nth-child(1) svg{right:-81px;top:177px;width:80%}.box.box-solid:nth-child(2) svg{left:-60px;top:150px;width:80%}.detailModal .input-group.date input{width:100%}.recap input{margin:0 15px}.box.box-solid:nth-child(1) svg{right:-62px;top:197px;width:100%}.box.box-solid:nth-child(2) svg{left:-3px;top:185px;width:112%}.contentDashboard .btn.btn-round{margin-top:22px}.content-wrapper .generatePw input{width:73%}.sidebar-menu>li{margin:0}.detailModal #name{margin-right:10px;width:240px}#loadingModal span{display:none}#loadingModal>img{margin-right:0}.bg-light-blue-gradient .imgHome{margin-right:26%;width:54%}.home .main-footer{width:80%}.box-solid .box-text h3{font-size:38px}.bg-orange-gradient,.bg-purple-gradient{min-height:393px}.accessTo .box-tools-right,.box-tools-left{width:45%}h1.loginTitle{left:10%}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:1220px){.importExport{width:100%;margin:0 0 20px 0}.importExport:last-child{margin:0}.tab-pane .info{width:100%}.tab-pane .box-tools-right{float:none;margin:10px 0;text-align:left;width:100%}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:1210px){.content-wrapper .inputGroupList input{width:66%}.box-tools-left{width:30%}.box-tools-right{width:45%}.content-wrapper .detailSearch input{width:150px}.detailModal{width:80%}.recap input{width:62%}.box.box-solid:nth-child(1) .box-button{float:none;width:auto}.box.box-solid:nth-child(1) svg{left:0;margin:auto;right:0;top:230px;width:80%}.box.box-solid:nth-child(2) svg{left:0;margin:auto;right:0;top:215px;width:80%}.box.box-solid:nth-child(2) .box-button{float:none;width:auto}.contentDashboard .box .box-button{left:0;margin:auto;padding:0 !important;right:0}.content-wrapper input,.content-wrapper textarea{width:77%}.content-wrapper .detailModal input,.content-wrapper .detailModal textarea,.detailModal .input-group.date{width:70%}.recapContainer .recap input{width:57%}.contactForm,.content-wrapper .contactForm input,.content-wrapper .contactForm textarea{width:100%}.contactForm input[type="submit"]{width:-moz-fit-content;width:-webkit-fit-content}.contentDashboard .box.box-solid{width:100%}.contentDashboard .col-lg-7{float:left;width:50%}.col-lg-5.box-text{float:left;width:50%}.bg-orange-gradient,.bg-purple-gradient{min-height:auto}.detailSection .col-lg-3{border:none}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:1210px) and screen and (-webkit-min-device-pixel-ratio:0){.content-contact svg{position:absolute;left:-30%;top:0;height:450px;width:-webkit-fit-content;text-align:left}object{float:left;width:100%;height:auto;position:relative}}@media screen and (max-width:1150px){.content-wrapper label{width:171px}.content-wrapper input{width:595px}.recapContainer{width:75%}.content-wrapper .guestReview .modalBody label{width:100%}.content-wrapper .modalBody .multiSelect label{width:auto}.box-tools-right{width:50%}.content-wrapper .modalBody input{width:70%}.content-wrapper .modalBody input[type="checkbox"]{width:auto}.content-wrapper input,.content-wrapper textarea,.CheckboxGroup{width:589px}.content-wrapper .inputGroupList input{width:65%}.detailModal #name{margin-right:10px;width:65%}.modalBody #documentFile{font-size:14px;margin-left:23%}.detailModal .input-group.date{float:none;width:31%}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:1140px){.headerDetail>span{width:86%}.content-wrapper input,.content-wrapper textarea,.CheckboxGroup{width:70%}.recapContainer t4-dropdown select{float:none;min-width:100% !important;width:100% !important}.recapContainer t4-dropdown{float:left;width:29%}.recapContainer{width:70%}.modalBody #documentFile{max-width:100%}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:1115px){.headerDetail>span{width:87%}}@media screen and (max-width:1110px){.navbar-custom-menu>.navbar-nav{float:left}.box-tools-right{width:49%}.formContainer{width:80%}}@media screen and (max-width:1024px){#userOptionsModal.alert.alert-info.alert-leave{bottom:0;height:200px;margin:auto;top:0}.accountInfo{width:933px;display:block}.headerDetail>span{width:86%}button.buttonHeader[disabled],button.buttonHeader,button.buttonHeader:last-child{height:82px}.content-wrapper label{width:143px}.recapContainer{width:73%}.content-wrapper .recapContainer input{width:300px}.box.box-solid:nth-child(1) svg{left:31px;right:0;top:215px;width:110%}.box.box-solid:nth-child(2) svg{left:-4px;right:0;top:195px;width:144%}.sidebar-menu>li>a{padding:10px 12px}.content-login nav{margin-bottom:10%}.progress{width:65%}.logoImgContainer .progress{width:200px}.buttonHeader .icon{font-weight:lighter}.btn-search{margin-left:-61px !important;background-color:transparent}.buttonHeaderMegaContainer{width:78.8%}.skin-blue .sidebar-form{width:270px}.sidebar-menu>li{padding:10px 24px}.box-tools-right{width:43%}.content-wrapper .detailSearch input{width:100%}table.table a{font-size:14px}.detailSection.crono h4{width:48%;float:left}.detailSection.crono .box-tools-left{width:48%;float:right}.detailSection.crono .box-tools-right{width:-webkit-max-content;width:-moz-max-content;width:-ms-max-content;clear:both;margin:0 auto;float:none;overflow:hidden;padding-top:20px}.listCheckbox input{border:none}.buttonHeader:hover,.buttonHeader:focus,.buttonHeader:active{box-shadow:none !important;transform:none}h1.loginTitle,img.airplane,.powered{display:none}.login-box .user-header{display:block}.login-box{top:0;height:auto}.login-box-body{position:relative;bottom:unset;left:unset;right:unset;margin:auto}#photoContact li .photoHover{background-color:transparent;height:100%;opacity:1;position:absolute;visibility:visible;width:100%}.photoHover .icon.ti-zoom-in{background:#00aec3 none repeat scroll 0 0;bottom:unset;color:#fff;float:right;height:auto;left:unset;margin:10px;position:relative;right:unset;top:unset;width:auto}.photoHover .icon.ti-zoom-in{height:31px;padding:7px;width:31px}.photoHover .icon.ti-zoom-in,.photoHover .icon.ti-close{margin:10px 5px}.home .main-footer{width:100%}.detailSection .itemDetail::after,.detailSection .itemDetail::after{content:none}.detailContainer p.input-group.date{width:100%}.content-wrapper input,.content-wrapper textarea,.CheckboxGroup,.content-wrapper .itemDetail label,.content-wrapper label,.generatePw{text-align:left;width:100%}.tableBoxHeader .box-tools-left{width:60%}.tableBoxHeader .input-group,.content-wrapper .modalBody input,.checkboxGroupContainer::after{width:100%}.tableBoxHeader .box-tools-right{display:inline-block;float:none;margin:15px auto 0;text-align:left;width:100%}.icon.icon-circle.ti-crown{margin-bottom:5px}.pagination>li>a{font-size:16px}.checkboxMegaContainer{width:44%}.checkboxItem{padding:8px}.content-wrapper .fieldAddedCrm label{width:auto}.content-wrapper .fieldAddedCrm input{width:70%}.content-wrapper .notes input{width:75%}.notes button{width:auto}.svgContainer{display:none}.formContainer{float:left;margin-top:0;width:100%}.checkboxMegaContainer{width:46%}.btn-inner{margin:0 5px}.tableBoxHeader .box-tools-left{float:right;min-width:70%;width:auto}.attType .input-group::after{content:none}.content-wrapper .modalBody .attType label,.attType .input-group{margin:0;padding:0;text-align:center}.modalInnerHeader{padding:0 0 30px}.modalBody{padding:30px}.content-wrapper .detailModal input,.content-wrapper .detailModal textarea,.detailModal .input-group.date{width:100%}#t4Modal .right{padding:5px 0}#t4Modal .right{margin:20px auto 0;overflow:hidden;padding:5px 0;width:100%}.modalInnerHeader .input-group{float:right;margin-left:20px;width:48%}.modalSelectAll{float:left;margin-top:5px;width:48%}.charts-container .events .event{width:25%}.content-wrapper input,.content-wrapper textarea,.CheckboxGroup{width:100%}.content-wrapper .guestReview .modalBody label{width:auto}.detailSection select{width:auto}.btn.feedbacks span{font-size:12px}.box-header .box-tools-right,.box-header .box-tools-left{width:50%}.attType{width:100%;display:block}.modalBody .attType select{margin-bottom:0}.content-wrapper .modalBody .attType label,.attType .input-group{margin:6px 0}.box-tools-left live-search{display:block}.content-wrapper .modalBody .attType label,.attType .input-group{margin:9px 0}.modalInnerHeader .input-group{margin-left:0;width:100%;text-align:left}.required-asterisk::before{left:-9px;right:unset}.fieldAdded{margin-top:0}.input-group-btn.datepick{display:block !important}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:0;margin-left:0}.content-wrapper .importFileBox label{width:auto}}@media only screen and (max-width:1024px){.content-wrapper .modalBody .attType label,.attType .input-group{margin:0 6px}.checkboxMegaContainer{margin:15px;width:45%}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:1000px){.recapContainer t4-dropdown{width:26%}.content-wrapper .recapContainer input{width:270px}.recapContainer{width:68%}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:950px){.content-wrapper .inputGroupList input{width:100%}.content-wrapper label{text-align:left;width:100%}.content-wrapper input,.content-wrapper textarea,.CheckboxGroup{width:100%}.inputGroupList{width:96%}.btn-search{margin-left:-34px !important}.box-tools-right{width:42%}.checkboxGroupContainer::after{width:100%}.recapContainer t4-dropdown{float:left;min-width:auto;width:auto}.recapContainer t4-dropdown select{float:none;min-width:auto !important;width:auto !important}.content-wrapper .recapContainer input{width:auto}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:880px){.content-wrapper input,.content-wrapper textarea,.CheckboxGroup{width:67%}.content-wrapper label{width:25%}.detailSection .box-tools-left{float:right}.box-tools-right{clear:both;padding-top:20px;width:-moz-max-content;width:-webkit-max-content}button.buttonHeader[disabled],button.buttonHeader,button.buttonHeader:last-child{border:0 none !important;height:65px}.main-header .sidebar-toggle{padding:6px 30px}.detailSection.contact{float:none;width:100%}.detailSection.contact:last-child{padding-left:0}.detailSection.contact:last-child::after,.detailSection.contact:first-child::after{content:none}.detailSection.contact:first-child{border-bottom:1px solid #d3d3d3;padding-right:0}th{font-size:11px}.headerDetail>span{width:82%}input,label,select,p{font-size:13px}button.buttonHeader{font-size:14px}.recapInput{margin-bottom:20px}.recapContainer t4-dropdown select{float:none;width:100% !important}.recapContainer t4-dropdown{float:left;width:90%}.content-wrapper .recapContainer input{float:left;margin:0;width:90%}.recapContainer .icon.ti-close{float:right;margin:-15px 0}.recapContainer{width:66%}.svgContainer{display:none}.formContainer{float:none;margin-top:0;width:100%;overflow:hidden}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:768px){.content-wrapper .modalBody .attType label{padding-top:6px}.form-auto{width:80%}.main-header .navbar .sidebar-toggle{z-index:9999999999}.sidebarMenuContainer{z-index:99999}.progress.import{width:80%}.content-wrapper,.right-side,.main-footer,.main-header>.navbar{margin-left:0 !important}.main-sidebar,.left-side,.main-header .logo{width:auto}.detailContainer .inputGroupListContainer .icon.ti-close{margin-top:28px}.inputGroupList{margin-right:15px;width:94%}.content-wrapper .inputGroupList input:first-child,.content-wrapper .inputGroupList input{width:100%}.content-wrapper,.right-side,.main-footer{margin-left:0 !important}.main-sidebar,.left-side{width:229px}ul.sidebar-menu{padding-top:85px}.content-wrapper{margin-top:130px}.content-wrapper label{width:170px}.detailContainer{padding:20px}.btn-inner{margin:0 6px}.btn span{font-size:13px}.detailContainer .detailModalContainer{padding-left:0}.modalBody{padding:30px}.content-wrapper .modalBody label{width:103px}.content-wrapper .modalBody input{width:398px}.content-wrapper .modalBody input[type="checkbox"]{width:auto}.recapContainer{width:69%}.content-wrapper .recapContainer input{width:282px}.loginMessages::before{border-color:transparent transparent #e94b4b;left:45%;top:-30%}.loginMessages{left:0;margin:auto;right:0;top:105px;width:260px}.loginButton{margin:95px auto 0}.content-login nav{margin-bottom:18%}.skin-blue .main-sidebar,.skin-blue .left-side,.logo{animation:none;-webkit-animation:none}.content-wrapper label{width:170px}.content-wrapper{margin-top:120px}.hidden-xs{display:inline !important}ul.sidebar-menu{padding-top:50px}.sidebar-menu span{font-size:18px}.login-box,.register-box{overflow:hidden}.content-wrapper .recapContainer input{width:90%}.recapContainer{width:67%}.main-header .logo>img{height:100%;width:auto;vertical-align:middle}.main-header .logo{height:auto;padding:10px}nav.navbar.navbar-static-top{height:66px;padding:12px 0}html,body{overflow-y:scroll}.content-wrapper{margin-top:137px}.sidebarMenuContainer{position:absolute}.content-wrapper label{text-align:left;width:100%}.content-wrapper input,.content-wrapper textarea,.CheckboxGroup{width:100%}.checkboxGroupContainer::after{width:100%}.detailContainer p.input-group.date{width:50%}.input-group{width:100%}.box-tools-right{float:right;padding-top:0;clear:unset}.detailSection .box-tools-left{float:left}nav.navbar.navbar-static-top{box-shadow:11px 1px 6px rgba(0,0,0,0.2) !important}.buttonHeader:hover::after{transform:none;content:none}.buttonHeader:last-child{background:#00a1eb none repeat scroll 0 0}.buttonHeaderContainer .buttonHeader span,.buttonHeader:last-child span,.buttonHeader:last-child .icon,button.buttonHeader[disabled]:last-child:hover span,button.buttonHeader[disabled]:last-child:hover .icon,.buttonHeader:nth-child(3) span,.buttonHeader:nth-child(3) .icon,button.buttonHeader[disabled]:nth-child(3):hover span,button.buttonHeader[disabled]:nth-child(3):hover .icon,.buttonHeader:nth-child(2) span,.buttonHeader:nth-child(2) .icon,button.buttonHeader[disabled]:nth-child(2):hover span,button.buttonHeader[disabled]:nth-child(2):hover .icon,.buttonHeader:first-child span,.buttonHeader:first-child .icon,button.buttonHeader[disabled]:first-child:hover span,button.buttonHeader[disabled]:first-child:hover .icon{color:#fff}.buttonHeader:nth-child(3){background:#ef4343 none repeat scroll 0 0}.buttonHeader:nth-child(2){background:#fa8228 none repeat scroll 0 0}.buttonHeader:first-child{background:#00c599 none repeat scroll 0 0}.content-wrapper,.sidebarMenuContainer{height:100%;overflow:hidden}.main-footer{bottom:0 !important}.sidebarMenuContainer{width:230px}.sidebarMenuContainer{position:fixed;top:87px}.sidebar-menu span{font-size:15px}.help{display:none}.sidebarMenuContainer>div{top:0}.buttonHeaderMegaContainer{background:rgba(0,0,0,0) linear-gradient(to right, #0087c5 0, #00b7c5 100%) repeat scroll 0 0;padding-bottom:20px;position:fixed;width:100%;z-index:9999}.loginForm,.content-wrapper,.content-wrapper,html,body{height:auto}.skin-blue .sidebar-form{margin:0 0 0 20px}.skin-blue .main-header .navbar .sidebar-toggle{font-size:24px;left:35px;padding:0;position:absolute;top:-49px}.skin-blue .sidebar-form .input-group{width:100%}.skin-blue .sidebar-form{width:185px}.main-header{height:70px;position:relative}.logout{background:#00B7C5 none repeat scroll 0 0;border:medium none;border-radius:5px;box-shadow:none;color:#fff;font-size:13px;margin:0;padding:5px 10px;position:absolute;right:25px;top:-44px}.logout:hover{background:#0087C5 none repeat scroll 0 0 !important;color:#fff !important}.content-wrapper{margin-top:66px;width:100%}.sidebarMenuContainer{top:67px}.main-header{height:60px}.main-header .logo{height:100%}.main-header .logo>img{height:100%;vertical-align:sub;width:auto}.buttonHeader{margin-right:2.6%;width:23%}.buttonHeaderMegaContainer{position:relative}.content-wrapper .itemDetail label,.content-wrapper label{width:100%}.sidebarMenuContainer{top:76px}.sidebar-menu span{margin-top:3px}.home.skin-blue .main-header .navbar .sidebar-toggle{color:#7c7c7c}.sidebarMenuContainer{top:60px}ul.sidebar-menu{padding-top:0}.bg-light-blue-gradient .imgHome{margin-right:16%;width:80%}body.sidebar-open{overflow-y:hidden;height:100vh}.sidebar-open .main-footer{transform:translate(0, 0)}.detailSection .itemDetail::after{content:none}.content-wrapper .fieldAddedCrm input{width:68%}.content-wrapper .fieldAddedCrm label{margin-right:2%;text-align:right;width:30%}.content-wrapper .notes input{float:left;margin-right:2%;width:78%}.content-wrapper .notes button{float:left;margin:0;width:20%}.main-header{background:#fff none repeat scroll 0 0}.skin-blue .main-header .logo{width:-moz-max-content;width:-webkit-max-content;border:none;margin:0 auto}.detailModalContainer{padding-left:0;padding-top:80px}#arrow-left,#arrow-right{opacity:1}.guestReview .detailModal{width:90%}.content-wrapper .modalBody label{width:100%}.content-wrapper .modalBody .modalSelectAll label{width:auto}.guestReview .detailSection:first-child{border-right:medium none}.accountInfo{display:block;position:relative;width:100%}.generatePw{width:100%}.checkboxMegaContainer{margin:20px 1.8%}.box-tools-left{width:88%}.box-tools-left .input-group{width:auto}.detailSection .styled-select select{width:268px}.content-wrapper{padding-top:0}.home .main-footer{width:100%}.sidebar-menu{top:0}.sidebarMenuContainer{top:0}ul.sidebar-menu{padding-top:0;top:60px}.navbar-custom-menu .ng-isolate-scope>ul{border-left:1px solid #d1d6df;float:left;list-style:outside none none;margin:5px 15px 0 0;padding-left:0}.home .navbar-custom-menu .ng-isolate-scope>ul,.home .logout{border-left:medium none}.main-header .navbar.navbar-static-top{background:transparent none repeat scroll 0 0 !important;position:absolute;right:20px;top:0;width:100%}.logout{position:relative;right:unset;top:unset}.skin-blue .main-header li.user-header{display:none}.skin-blue .main-header .logo{margin:0 0 0 76px}.home .navbar-custom-menu ul li a.active,.home .navbar-custom-menu ul li a:hover,.navbar-custom-menu ul li a.active,.navbar-custom-menu ul li a:hover{border-bottom:1px solid #00b7c5;color:#00b7c5}.home .navbar-custom-menu ul li a,.navbar-custom-menu ul li a{color:#646464}.home .dropdown.user .hidden-xs,.dropdown.user .hidden-xs{color:#00b7c5}.home .sidebar-form input[type="text"]::-moz-placeholder,.home.skin-blue .sidebar-form span,.home .dropdown-toggle .hidden-xs,.home .userType,.home .navbar .ng-isolate-scope .ng-binding,.home.skin-blue .sidebar-form .input-group{color:#646464}.dropdown.user span{margin-top:0}.nav.navbar-nav{margin-top:5px}.skin-blue .main-header .navbar .sidebar-toggle{font-size:24px;left:45px;padding:0;position:relative;top:0}.skin-blue .main-header .logo{position:relative;z-index:9999}.main-header{z-index:99999999}.content-wrapper{margin-top:0}nav.navbar.navbar-static-top{box-shadow:none !important}.navbar-custom-menu .ng-isolate-scope>ul{border-left:medium none}.sidebarMenuContainer{left:-230px}.sidebar-open .sidebarMenuContainer{left:0}.box-tools-left .input-group{float:right;width:70%}.detailSection .box-tools-left{float:right;min-width:70%;margin-bottom:15px}.content-wrapper .fieldAddedCrm label{margin-right:2%;text-align:center;width:22px;background:#ef4c47 none repeat scroll 0 0;border-radius:50px;color:#fff;font-size:12px;font-weight:bold;height:22px;margin-top:5px;padding:3px;transition:all .3s ease 0s}.content-wrapper .fieldAddedCrm input{width:94%}button.buttonHeader[disabled],button.buttonHeader,button.buttonHeader:last-child{border:1px solid rgba(255,255,255,0.5) !important}.box-tools-left{width:78%}.formContainer{margin-bottom:50px}.content-wrapper .formContainer input[type="button"]{float:none;text-align:center}.contactText h3,.contactText p{text-align:center}.content-login{height:100vh}nav.navbar.navbar-static-top{height:60px}.main-header .logo{padding:0}.content-wrapper .modalBody input,.content-wrapper .modalBody textarea{width:100%}.cdn-alert{left:0;top:60px}.sidebar-open .cdn-alert{left:230px}.content-wrapper .modalBody .attType label,.attType .input-group{float:left;margin:0 6px;width:auto}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:640px){.content-login nav{margin-bottom:10%}.login-box .user-header .img-circle{height:70px;width:70px}.loginButton{margin:42px auto 0}.user-header p{font-size:17px}.loginButton,.contactForm .loginButton{font-size:14px;padding:8px 28px}.sidebar-form input{font-size:12px}.box.box-solid:nth-child(2) svg{top:234px}.box.box-solid:nth-child(1) svg{top:242px}.contentDashboard .box.box-solid.chartBox:last-child img{height:auto;width:100%}.contentDashboard .box.box-solid.chartBox{height:235px}.content-header>h1{font-size:20px;margin:9px 0 0}.main-sidebar,.left-side{position:absolute;overflow-y:scroll}ul.sidebar-menu{padding-top:70px}.sidebar-menu span{font-size:16px}button.buttonHeader[disabled],button.buttonHeader,button.buttonHeader:last-child{font-size:14px;border:none}.buttonHeader .icon{font-size:19px}#loadingModal span{color:#fff;font-size:12px}.content-wrapper label{width:125px}.recapContainer{width:67%}.content-wrapper .recapContainer input,.detailSection .recap select{margin:0;width:90%}.detailSection .recap select{margin-bottom:10px}.recap .icon.ti-close{margin:26px 5px}.recapInput{float:none;margin-bottom:20px}.dangerBlock{margin:15px 15px 0 0;min-width:102px;padding:13px}.inputGroupList{width:92%}.accountInfo{width:533px;display:block}.accountInfo p{float:left;width:89%}.detailSection.crono .box-tools-left{width:auto}.listCheckbox{padding:8px 10px !important;width:auto}.alert{top:65px;padding:19px 30px}.alert-leave{top:30%;padding:30px}.contactForm input,.contactForm{width:100%}.contactForm{margin-bottom:60px}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:480px){ul.nav.navbar-nav img{height:auto;width:26px}.userType,.dropdown-toggle .hidden-xs,.logout{font-size:12px}.logout{margin:11px 2px 0 0}.skin-blue .sidebar-form{width:178px}.main-header .sidebar-toggle{padding:6px 22px}.user-header{margin:0 8px 0 0}.skin-blue .main-header li.user-header{height:auto;margin-top:4px}.skin-blue .sidebar-form .btn{padding:0}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{padding:3px 2px 3px 12px}button.buttonHeader[disabled],button.buttonHeader,button.buttonHeader:last-child{height:45px;font-size:12px}.content-wrapper label{text-align:left;width:100%}.content-wrapper input,.content-wrapper textarea,.CheckboxGroup{width:100%}.headerDetail>span{width:79%}.btn.btn-back{font-size:12px;padding:7px}.box-tools-left{width:50%}.buttonHeaderContainer.buttonScroll button.buttonHeader{font-size:12px}table.table a,td{font-size:12px}.detailSection select{width:100%}.recapContainer{width:100%}.detailSection.crono .box-tools-left{width:46%}.alert{top:60px}.alert-leave{top:30%;width:88%}.contentDashboard .box.box-solid,.contentDashboard .box.box-solid:nth-child(3),.contentDashboard .box.box-solid:nth-child(4){width:100%}.contentDashboard .box.box-solid.chartBox:last-child img{height:100%;width:auto}.box-solid .box-text h3{font-size:26px}.box.box-solid:nth-child(1) svg,.box.box-solid:nth-child(2) svg{top:200px}.contentDashboard .box.box-solid{height:380px}.alert .btn{font-size:12px}.alert .iconAnimated{margin-bottom:10px}.alert .iconAnimated{font-size:30px;height:auto}.recap .icon.ti-close{margin:-16px 5px}.recapInput{float:none;margin-bottom:20px;overflow:hidden}.buttonHeader span{font-size:17px}.buttonHeader .icon{font-size:15px}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:375px){.dropdown.user.user-menu{display:none}button.buttonHeader[disabled],button.buttonHeader,button.buttonHeader:last-child{height:45px}.buttonHeader .icon{display:none}.sidebar-menu span{font-size:14px}ul.sidebar-menu{margin-top:20px}.main-footer{font-size:10px}.headerDetail>span{margin:20px 0 0;width:100%}.tableBoxHeader h4{float:none;margin:8px 0 0 0;text-align:center}.detailSection .box-tools-left{float:none;margin-top:20px;width:100%}.detailSection .box-tools-left .input-group.input-group-sm.detailSearch{width:100%}.detailSection .box-tools-right{width:100%}.btn-inner{margin:0 3px;min-width:0;padding:4px 6px;width:-moz-fit-content;width:-webkit-fit-content}.btn.btn-inner:first-child{margin-left:0}.btn.btn-inner:last-child{margin-right:0}.recap .icon.ti-close{margin:26px 0 25px 11px}.content-wrapper .recapContainer input,.detailSection .recap select{width:88%}.generatePw,.accountInfo p{float:none;width:100%}.content-wrapper .generatePw input{width:100%}.accountInfo{width:100%;text-align:center}.generatePw .icon{float:none;margin-bottom:20px;text-align:center;width:100%}.progress{width:100%}.logoImgContainer .progress{width:200px}.content-wrapper h4{text-align:center}.buttonPos{width:100%;margin:0 auto 30px}.buttonPos button,.buttonPos a{margin-bottom:15px}.detailSection.crono .box-tools-left,.detailSection.crono .box-tools-right{width:100%}.detailSection.crono h4{float:none;width:100%}.btn.btn-inner.btn-crono{display:block;margin:0 auto 15px}.alert-success .iconAnimated,.alert-danger .iconAnimated{font-size:25px;height:auto}.alert span{font-size:12px}.alert .iconAnimated{margin:0 10px 0 0}.alert{padding:14px}.headerDetail{margin-bottom:0}.svgContainer{float:none;height:auto;margin-right:0;width:100%}.formContainer{width:100%}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:340px){.main-header .sidebar-toggle{padding:6px 6px 6px 22px}button.buttonHeader[disabled],button.buttonHeader,button.buttonHeader:last-child{height:40px}.tableBoxHeader{padding:10px}.content-wrapper .recapContainer input,.detailSection .recap select{width:86%}.detailSection.crono .btn-add{margin-left:0}.detailSection.crono .btn-remove{margin-right:0}.inputGroupList{width:83%}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:1440px){.bg-light-blue-gradient .imgHome{width:auto;max-height:300px}.contentDashboard .box.box-solid{padding:60px 40px}.bg-orange-gradient .imgHome,.bg-purple-gradient .imgHome{padding-top:30px}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:1366px){.bg-light-blue-gradient .imgHome{margin-right:0}.contentDashboard .box.box-solid{padding:50px 40px}.bg-light-blue-gradient .imgHome{width:100%;max-height:none;height:auto}.attType .input-group{display:block;margin:10px 0;width:100%;padding-right:0}.content-wrapper .importFileBox label{width:auto}}@media screen and (max-width:1200px){.bg-light-blue-gradient .imgHome,.bg-orange-gradient .imgHome,.bg-purple-gradient .imgHome{max-height:300px;display:block;margin:0 auto;padding:0;width:auto}.box-text>ul{width:-webkit-max-content;width:-moz-max-content;width:-ms-max-content;margin:30px auto}.box-text{text-align:center}.home .main-footer{width:100%}.col-lg-3.photo{margin-bottom:30px;display:block;overflow:hidden;border-bottom:1px solid #e3e3e3;padding-bottom:30px}.detailSection .itemDetail::after{content:none}.box-tools-right{width:100%;float:left;text-align:left;margin-top:20px}.content-wrapper .importFileBox label{width:auto}}