/* Minification failed. Returning unminified contents.
(3238,31): run-time error CSS1046: Expect comma, found '0'
(3238,35): run-time error CSS1046: Expect comma, found '/'
(3238,59): run-time error CSS1046: Expect comma, found '0'
(3238,63): run-time error CSS1046: Expect comma, found '/'
(3285,31): run-time error CSS1046: Expect comma, found '0'
(3285,35): run-time error CSS1046: Expect comma, found '/'
(3285,59): run-time error CSS1046: Expect comma, found '0'
(3285,63): run-time error CSS1046: Expect comma, found '/'
(5260,51): run-time error CSS1046: Expect comma, found '0'
(5260,55): run-time error CSS1046: Expect comma, found '/'
(5261,43): run-time error CSS1046: Expect comma, found '0'
(5261,47): run-time error CSS1046: Expect comma, found '/'
 */
/*
/* Created by Filipe Pina
 * Specific styles of signin, register, component
 */
/*
 * General styles
 */

/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');*/


@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

html, body, div, table, label, span, form, input, select, textarea, button, h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Roboto', "Helvetica Neue",Helvetica,Arial,sans-serif !important;*/
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !important;
}

body, html {
    height: 100%;
    background-repeat: no-repeat;
    background-color: #d3d3d3;
    font-size: 15px !important
}

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

span.fa {
    font: normal normal normal 12px/1 FontAwesome !important;
}

.text-danger-cm {
    color: #e73d4a;
    font-size: 13px;
    margin-top: 5px;
    display: inline-block;
    float: none;
    clear: both;
    width: 100%;
}

.main {
    padding-bottom: 25px;
}

.clearfix-cm {
    float: none;
    clear: both;
}

.inline-block {
    display: inline-block
}


h1.title {
    font-size: 50px;
    font-weight: 400;
}

.form-group {
    margin-bottom: 15px;
}

label {
    margin-bottom: 15px;
}

input,
input::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
}

.no-padding-left-cm {
    padding-left: 0;
}

.no-padding-right-cm {
    padding-right: 0;
}

.m-0 {
    margin: 0px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-18 {
    margin-top: 18px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-22 {
    margin-top: 22px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-48 {
    margin-top: 48px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-2 {
    margin-left: 2px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-22 {
    margin-left: 22px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}


.p-0 {
    padding: 0px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-2 {
    padding-top: 2px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-3 {
    padding-bottom: 3px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-2 {
    padding-left: 2px !important;
}


.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-30 {
    padding-left: 30px;
}

.pr-0 {
    padding-right: 0;
}

.pr-2 {
    padding-right: 2px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px;
}

.pd-8 {
    padding: 8px;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.size-7 {
    font-size: 7px !important;
}

.size-8 {
    font-size: 8px !important;
}

.size-10 {
    font-size: 10px !important;
}

.size-12 {
    font-size: 12px !important;
}

.size-13 {
    font-size: 13px !important;
}

.size-14 {
    font-size: 14px !important;
}

.size-15 {
    font-size: 15px !important;
}

.size-16 {
    font-size: 16px !important;
}

.size-18 {
    font-size: 18px !important;
}

.size-30 {
    font-size: 30px !important;
}

.font-normal {
    font-weight: normal;
}

/****Colors****/
.green {
    color: green
}

.red {
    color: red
}

.font-grey-cascade {
    color: #95A5A6 !important;
}

/*.bg-color-f9 {
    background-color: #f9f9f9
}*/

/****End Colors****/


*:focus {
    outline: 0 !important;
}

.border-none {
    border: 0px !important
}

.border-radius-none {
    border-radius: 0px !important
}

.border-color-navy {
    border-color: #001F3F !important
}


.tooltip {
    font-size: 14px
}

.input-group-btn > .btn:active,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
    /*border: none;
    outline: none;*/
}

.btn:focus {
    outline: none;
    /*border: none;*/
}



/*Buttons*/

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .btn-social > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }

    .btn-social.btn-lg {
        padding-left: 61px;
    }

        .btn-social.btn-lg > :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em;
        }

    .btn-social.btn-sm {
        padding-left: 38px;
    }

        .btn-social.btn-sm > :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em;
        }

    .btn-social.btn-xs {
        padding-left: 30px;
    }

        .btn-social.btn-xs > :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em;
        }

.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0;
}

    .btn-social-icon > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }

    .btn-social-icon.btn-lg {
        padding-left: 61px;
    }

        .btn-social-icon.btn-lg > :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em;
        }

    .btn-social-icon.btn-sm {
        padding-left: 38px;
    }

        .btn-social-icon.btn-sm > :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em;
        }

    .btn-social-icon.btn-xs {
        padding-left: 30px;
    }

        .btn-social-icon.btn-xs > :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em;
        }

    .btn-social-icon > :first-child {
        border: none;
        text-align: center;
        width: 100%;
    }

    .btn-social-icon.btn-lg {
        height: 45px;
        width: 45px;
        padding-left: 0;
        padding-right: 0;
    }

    .btn-social-icon.btn-sm {
        height: 30px;
        width: 30px;
        padding-left: 0;
        padding-right: 0;
    }

    .btn-social-icon.btn-xs {
        height: 22px;
        width: 22px;
        padding-left: 0;
        padding-right: 0;
    }

.btn-adn {
    color: #fff;
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-adn:focus,
    .btn-adn.focus {
        color: #fff;
        background-color: #ce563f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-adn:hover {
        color: #fff;
        background-color: #ce563f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-adn:active,
    .btn-adn.active,
    .open > .dropdown-toggle.btn-adn {
        color: #fff;
        background-color: #ce563f;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-adn:active:hover,
        .btn-adn.active:hover,
        .open > .dropdown-toggle.btn-adn:hover,
        .btn-adn:active:focus,
        .btn-adn.active:focus,
        .open > .dropdown-toggle.btn-adn:focus,
        .btn-adn:active.focus,
        .btn-adn.active.focus,
        .open > .dropdown-toggle.btn-adn.focus {
            color: #fff;
            background-color: #b94630;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-adn:active,
    .btn-adn.active,
    .open > .dropdown-toggle.btn-adn {
        background-image: none;
    }

    .btn-adn.disabled:hover,
    .btn-adn[disabled]:hover,
    fieldset[disabled] .btn-adn:hover,
    .btn-adn.disabled:focus,
    .btn-adn[disabled]:focus,
    fieldset[disabled] .btn-adn:focus,
    .btn-adn.disabled.focus,
    .btn-adn[disabled].focus,
    fieldset[disabled] .btn-adn.focus {
        background-color: #d87a68;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-adn .badge {
        color: #d87a68;
        background-color: #fff;
    }

.btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-bitbucket:focus,
    .btn-bitbucket.focus {
        color: #fff;
        background-color: #163758;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-bitbucket:hover {
        color: #fff;
        background-color: #163758;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-bitbucket:active,
    .btn-bitbucket.active,
    .open > .dropdown-toggle.btn-bitbucket {
        color: #fff;
        background-color: #163758;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-bitbucket:active:hover,
        .btn-bitbucket.active:hover,
        .open > .dropdown-toggle.btn-bitbucket:hover,
        .btn-bitbucket:active:focus,
        .btn-bitbucket.active:focus,
        .open > .dropdown-toggle.btn-bitbucket:focus,
        .btn-bitbucket:active.focus,
        .btn-bitbucket.active.focus,
        .open > .dropdown-toggle.btn-bitbucket.focus {
            color: #fff;
            background-color: #0f253c;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-bitbucket:active,
    .btn-bitbucket.active,
    .open > .dropdown-toggle.btn-bitbucket {
        background-image: none;
    }

    .btn-bitbucket.disabled:hover,
    .btn-bitbucket[disabled]:hover,
    fieldset[disabled] .btn-bitbucket:hover,
    .btn-bitbucket.disabled:focus,
    .btn-bitbucket[disabled]:focus,
    fieldset[disabled] .btn-bitbucket:focus,
    .btn-bitbucket.disabled.focus,
    .btn-bitbucket[disabled].focus,
    fieldset[disabled] .btn-bitbucket.focus {
        background-color: #205081;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-bitbucket .badge {
        color: #205081;
        background-color: #fff;
    }

.btn-dropbox {
    color: #fff;
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-dropbox:focus,
    .btn-dropbox.focus {
        color: #fff;
        background-color: #0d6aad;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-dropbox:hover {
        color: #fff;
        background-color: #0d6aad;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-dropbox:active,
    .btn-dropbox.active,
    .open > .dropdown-toggle.btn-dropbox {
        color: #fff;
        background-color: #0d6aad;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-dropbox:active:hover,
        .btn-dropbox.active:hover,
        .open > .dropdown-toggle.btn-dropbox:hover,
        .btn-dropbox:active:focus,
        .btn-dropbox.active:focus,
        .open > .dropdown-toggle.btn-dropbox:focus,
        .btn-dropbox:active.focus,
        .btn-dropbox.active.focus,
        .open > .dropdown-toggle.btn-dropbox.focus {
            color: #fff;
            background-color: #0a568c;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-dropbox:active,
    .btn-dropbox.active,
    .open > .dropdown-toggle.btn-dropbox {
        background-image: none;
    }

    .btn-dropbox.disabled:hover,
    .btn-dropbox[disabled]:hover,
    fieldset[disabled] .btn-dropbox:hover,
    .btn-dropbox.disabled:focus,
    .btn-dropbox[disabled]:focus,
    fieldset[disabled] .btn-dropbox:focus,
    .btn-dropbox.disabled.focus,
    .btn-dropbox[disabled].focus,
    fieldset[disabled] .btn-dropbox.focus {
        background-color: #1087dd;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-dropbox .badge {
        color: #1087dd;
        background-color: #fff;
    }

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-facebook:focus,
    .btn-facebook.focus {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-facebook:hover {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-facebook:active,
    .btn-facebook.active,
    .open > .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-facebook:active:hover,
        .btn-facebook.active:hover,
        .open > .dropdown-toggle.btn-facebook:hover,
        .btn-facebook:active:focus,
        .btn-facebook.active:focus,
        .open > .dropdown-toggle.btn-facebook:focus,
        .btn-facebook:active.focus,
        .btn-facebook.active.focus,
        .open > .dropdown-toggle.btn-facebook.focus {
            color: #fff;
            background-color: #23345a;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-facebook:active,
    .btn-facebook.active,
    .open > .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook.disabled:hover,
    .btn-facebook[disabled]:hover,
    fieldset[disabled] .btn-facebook:hover,
    .btn-facebook.disabled:focus,
    .btn-facebook[disabled]:focus,
    fieldset[disabled] .btn-facebook:focus,
    .btn-facebook.disabled.focus,
    .btn-facebook[disabled].focus,
    fieldset[disabled] .btn-facebook.focus {
        background-color: #3b5998;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-facebook .badge {
        color: #3b5998;
        background-color: #fff;
    }

.btn-flickr {
    color: #fff;
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-flickr:focus,
    .btn-flickr.focus {
        color: #fff;
        background-color: #cc006a;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-flickr:hover {
        color: #fff;
        background-color: #cc006a;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-flickr:active,
    .btn-flickr.active,
    .open > .dropdown-toggle.btn-flickr {
        color: #fff;
        background-color: #cc006a;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-flickr:active:hover,
        .btn-flickr.active:hover,
        .open > .dropdown-toggle.btn-flickr:hover,
        .btn-flickr:active:focus,
        .btn-flickr.active:focus,
        .open > .dropdown-toggle.btn-flickr:focus,
        .btn-flickr:active.focus,
        .btn-flickr.active.focus,
        .open > .dropdown-toggle.btn-flickr.focus {
            color: #fff;
            background-color: #a80057;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-flickr:active,
    .btn-flickr.active,
    .open > .dropdown-toggle.btn-flickr {
        background-image: none;
    }

    .btn-flickr.disabled:hover,
    .btn-flickr[disabled]:hover,
    fieldset[disabled] .btn-flickr:hover,
    .btn-flickr.disabled:focus,
    .btn-flickr[disabled]:focus,
    fieldset[disabled] .btn-flickr:focus,
    .btn-flickr.disabled.focus,
    .btn-flickr[disabled].focus,
    fieldset[disabled] .btn-flickr.focus {
        background-color: #ff0084;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-flickr .badge {
        color: #ff0084;
        background-color: #fff;
    }

.btn-foursquare {
    color: #fff;
    background-color: #f94877;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-foursquare:focus,
    .btn-foursquare.focus {
        color: #fff;
        background-color: #f71752;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-foursquare:hover {
        color: #fff;
        background-color: #f71752;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-foursquare:active,
    .btn-foursquare.active,
    .open > .dropdown-toggle.btn-foursquare {
        color: #fff;
        background-color: #f71752;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-foursquare:active:hover,
        .btn-foursquare.active:hover,
        .open > .dropdown-toggle.btn-foursquare:hover,
        .btn-foursquare:active:focus,
        .btn-foursquare.active:focus,
        .open > .dropdown-toggle.btn-foursquare:focus,
        .btn-foursquare:active.focus,
        .btn-foursquare.active.focus,
        .open > .dropdown-toggle.btn-foursquare.focus {
            color: #fff;
            background-color: #e30742;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-foursquare:active,
    .btn-foursquare.active,
    .open > .dropdown-toggle.btn-foursquare {
        background-image: none;
    }

    .btn-foursquare.disabled:hover,
    .btn-foursquare[disabled]:hover,
    fieldset[disabled] .btn-foursquare:hover,
    .btn-foursquare.disabled:focus,
    .btn-foursquare[disabled]:focus,
    fieldset[disabled] .btn-foursquare:focus,
    .btn-foursquare.disabled.focus,
    .btn-foursquare[disabled].focus,
    fieldset[disabled] .btn-foursquare.focus {
        background-color: #f94877;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-foursquare .badge {
        color: #f94877;
        background-color: #fff;
    }

.btn-github {
    color: #fff;
    background-color: #444444;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-github:focus,
    .btn-github.focus {
        color: #fff;
        background-color: #2b2b2b;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-github:hover {
        color: #fff;
        background-color: #2b2b2b;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-github:active,
    .btn-github.active,
    .open > .dropdown-toggle.btn-github {
        color: #fff;
        background-color: #2b2b2b;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-github:active:hover,
        .btn-github.active:hover,
        .open > .dropdown-toggle.btn-github:hover,
        .btn-github:active:focus,
        .btn-github.active:focus,
        .open > .dropdown-toggle.btn-github:focus,
        .btn-github:active.focus,
        .btn-github.active.focus,
        .open > .dropdown-toggle.btn-github.focus {
            color: #fff;
            background-color: #191919;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-github:active,
    .btn-github.active,
    .open > .dropdown-toggle.btn-github {
        background-image: none;
    }

    .btn-github.disabled:hover,
    .btn-github[disabled]:hover,
    fieldset[disabled] .btn-github:hover,
    .btn-github.disabled:focus,
    .btn-github[disabled]:focus,
    fieldset[disabled] .btn-github:focus,
    .btn-github.disabled.focus,
    .btn-github[disabled].focus,
    fieldset[disabled] .btn-github.focus {
        background-color: #444444;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-github .badge {
        color: #444444;
        background-color: #fff;
    }

.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-google:focus,
    .btn-google.focus {
        color: #fff;
        background-color: #c23321;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-google:hover {
        color: #fff;
        background-color: #c23321;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-google:active,
    .btn-google.active,
    .open > .dropdown-toggle.btn-google {
        color: #fff;
        background-color: #c23321;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-google:active:hover,
        .btn-google.active:hover,
        .open > .dropdown-toggle.btn-google:hover,
        .btn-google:active:focus,
        .btn-google.active:focus,
        .open > .dropdown-toggle.btn-google:focus,
        .btn-google:active.focus,
        .btn-google.active.focus,
        .open > .dropdown-toggle.btn-google.focus {
            color: #fff;
            background-color: #a32b1c;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-google:active,
    .btn-google.active,
    .open > .dropdown-toggle.btn-google {
        background-image: none;
    }

    .btn-google.disabled:hover,
    .btn-google[disabled]:hover,
    fieldset[disabled] .btn-google:hover,
    .btn-google.disabled:focus,
    .btn-google[disabled]:focus,
    fieldset[disabled] .btn-google:focus,
    .btn-google.disabled.focus,
    .btn-google[disabled].focus,
    fieldset[disabled] .btn-google.focus {
        background-color: #dd4b39;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-google .badge {
        color: #dd4b39;
        background-color: #fff;
    }

.btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-instagram:focus,
    .btn-instagram.focus {
        color: #fff;
        background-color: #305777;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-instagram:hover {
        color: #fff;
        background-color: #305777;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-instagram:active,
    .btn-instagram.active,
    .open > .dropdown-toggle.btn-instagram {
        color: #fff;
        background-color: #305777;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-instagram:active:hover,
        .btn-instagram.active:hover,
        .open > .dropdown-toggle.btn-instagram:hover,
        .btn-instagram:active:focus,
        .btn-instagram.active:focus,
        .open > .dropdown-toggle.btn-instagram:focus,
        .btn-instagram:active.focus,
        .btn-instagram.active.focus,
        .open > .dropdown-toggle.btn-instagram.focus {
            color: #fff;
            background-color: #26455d;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-instagram:active,
    .btn-instagram.active,
    .open > .dropdown-toggle.btn-instagram {
        background-image: none;
    }

    .btn-instagram.disabled:hover,
    .btn-instagram[disabled]:hover,
    fieldset[disabled] .btn-instagram:hover,
    .btn-instagram.disabled:focus,
    .btn-instagram[disabled]:focus,
    fieldset[disabled] .btn-instagram:focus,
    .btn-instagram.disabled.focus,
    .btn-instagram[disabled].focus,
    fieldset[disabled] .btn-instagram.focus {
        background-color: #3f729b;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-instagram .badge {
        color: #3f729b;
        background-color: #fff;
    }

.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-linkedin:focus,
    .btn-linkedin.focus {
        color: #fff;
        background-color: #005983;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-linkedin:hover {
        color: #fff;
        background-color: #005983;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-linkedin:active,
    .btn-linkedin.active,
    .open > .dropdown-toggle.btn-linkedin {
        color: #fff;
        background-color: #005983;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-linkedin:active:hover,
        .btn-linkedin.active:hover,
        .open > .dropdown-toggle.btn-linkedin:hover,
        .btn-linkedin:active:focus,
        .btn-linkedin.active:focus,
        .open > .dropdown-toggle.btn-linkedin:focus,
        .btn-linkedin:active.focus,
        .btn-linkedin.active.focus,
        .open > .dropdown-toggle.btn-linkedin.focus {
            color: #fff;
            background-color: #00405f;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-linkedin:active,
    .btn-linkedin.active,
    .open > .dropdown-toggle.btn-linkedin {
        background-image: none;
    }

    .btn-linkedin.disabled:hover,
    .btn-linkedin[disabled]:hover,
    fieldset[disabled] .btn-linkedin:hover,
    .btn-linkedin.disabled:focus,
    .btn-linkedin[disabled]:focus,
    fieldset[disabled] .btn-linkedin:focus,
    .btn-linkedin.disabled.focus,
    .btn-linkedin[disabled].focus,
    fieldset[disabled] .btn-linkedin.focus {
        background-color: #007bb6;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-linkedin .badge {
        color: #007bb6;
        background-color: #fff;
    }

.btn-microsoft {
    color: #fff;
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-microsoft:focus,
    .btn-microsoft.focus {
        color: #fff;
        background-color: #125acd;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-microsoft:hover {
        color: #fff;
        background-color: #125acd;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-microsoft:active,
    .btn-microsoft.active,
    .open > .dropdown-toggle.btn-microsoft {
        color: #fff;
        background-color: #125acd;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-microsoft:active:hover,
        .btn-microsoft.active:hover,
        .open > .dropdown-toggle.btn-microsoft:hover,
        .btn-microsoft:active:focus,
        .btn-microsoft.active:focus,
        .open > .dropdown-toggle.btn-microsoft:focus,
        .btn-microsoft:active.focus,
        .btn-microsoft.active.focus,
        .open > .dropdown-toggle.btn-microsoft.focus {
            color: #fff;
            background-color: #0f4bac;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-microsoft:active,
    .btn-microsoft.active,
    .open > .dropdown-toggle.btn-microsoft {
        background-image: none;
    }

    .btn-microsoft.disabled:hover,
    .btn-microsoft[disabled]:hover,
    fieldset[disabled] .btn-microsoft:hover,
    .btn-microsoft.disabled:focus,
    .btn-microsoft[disabled]:focus,
    fieldset[disabled] .btn-microsoft:focus,
    .btn-microsoft.disabled.focus,
    .btn-microsoft[disabled].focus,
    fieldset[disabled] .btn-microsoft.focus {
        background-color: #2672ec;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-microsoft .badge {
        color: #2672ec;
        background-color: #fff;
    }

.btn-openid {
    color: #fff;
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-openid:focus,
    .btn-openid.focus {
        color: #fff;
        background-color: #da7908;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-openid:hover {
        color: #fff;
        background-color: #da7908;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-openid:active,
    .btn-openid.active,
    .open > .dropdown-toggle.btn-openid {
        color: #fff;
        background-color: #da7908;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-openid:active:hover,
        .btn-openid.active:hover,
        .open > .dropdown-toggle.btn-openid:hover,
        .btn-openid:active:focus,
        .btn-openid.active:focus,
        .open > .dropdown-toggle.btn-openid:focus,
        .btn-openid:active.focus,
        .btn-openid.active.focus,
        .open > .dropdown-toggle.btn-openid.focus {
            color: #fff;
            background-color: #b86607;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-openid:active,
    .btn-openid.active,
    .open > .dropdown-toggle.btn-openid {
        background-image: none;
    }

    .btn-openid.disabled:hover,
    .btn-openid[disabled]:hover,
    fieldset[disabled] .btn-openid:hover,
    .btn-openid.disabled:focus,
    .btn-openid[disabled]:focus,
    fieldset[disabled] .btn-openid:focus,
    .btn-openid.disabled.focus,
    .btn-openid[disabled].focus,
    fieldset[disabled] .btn-openid.focus {
        background-color: #f7931e;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-openid .badge {
        color: #f7931e;
        background-color: #fff;
    }

.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-pinterest:focus,
    .btn-pinterest.focus {
        color: #fff;
        background-color: #9f191f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-pinterest:hover {
        color: #fff;
        background-color: #9f191f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-pinterest:active,
    .btn-pinterest.active,
    .open > .dropdown-toggle.btn-pinterest {
        color: #fff;
        background-color: #9f191f;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-pinterest:active:hover,
        .btn-pinterest.active:hover,
        .open > .dropdown-toggle.btn-pinterest:hover,
        .btn-pinterest:active:focus,
        .btn-pinterest.active:focus,
        .open > .dropdown-toggle.btn-pinterest:focus,
        .btn-pinterest:active.focus,
        .btn-pinterest.active.focus,
        .open > .dropdown-toggle.btn-pinterest.focus {
            color: #fff;
            background-color: #801419;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-pinterest:active,
    .btn-pinterest.active,
    .open > .dropdown-toggle.btn-pinterest {
        background-image: none;
    }

    .btn-pinterest.disabled:hover,
    .btn-pinterest[disabled]:hover,
    fieldset[disabled] .btn-pinterest:hover,
    .btn-pinterest.disabled:focus,
    .btn-pinterest[disabled]:focus,
    fieldset[disabled] .btn-pinterest:focus,
    .btn-pinterest.disabled.focus,
    .btn-pinterest[disabled].focus,
    fieldset[disabled] .btn-pinterest.focus {
        background-color: #cb2027;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-pinterest .badge {
        color: #cb2027;
        background-color: #fff;
    }

.btn-reddit {
    color: #000;
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-reddit:focus,
    .btn-reddit.focus {
        color: #000;
        background-color: #bcddff;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-reddit:hover {
        color: #000;
        background-color: #bcddff;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-reddit:active,
    .btn-reddit.active,
    .open > .dropdown-toggle.btn-reddit {
        color: #000;
        background-color: #bcddff;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-reddit:active:hover,
        .btn-reddit.active:hover,
        .open > .dropdown-toggle.btn-reddit:hover,
        .btn-reddit:active:focus,
        .btn-reddit.active:focus,
        .open > .dropdown-toggle.btn-reddit:focus,
        .btn-reddit:active.focus,
        .btn-reddit.active.focus,
        .open > .dropdown-toggle.btn-reddit.focus {
            color: #000;
            background-color: #98ccff;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-reddit:active,
    .btn-reddit.active,
    .open > .dropdown-toggle.btn-reddit {
        background-image: none;
    }

    .btn-reddit.disabled:hover,
    .btn-reddit[disabled]:hover,
    fieldset[disabled] .btn-reddit:hover,
    .btn-reddit.disabled:focus,
    .btn-reddit[disabled]:focus,
    fieldset[disabled] .btn-reddit:focus,
    .btn-reddit.disabled.focus,
    .btn-reddit[disabled].focus,
    fieldset[disabled] .btn-reddit.focus {
        background-color: #eff7ff;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-reddit .badge {
        color: #eff7ff;
        background-color: #000;
    }

.btn-soundcloud {
    color: #fff;
    background-color: #ff5500;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-soundcloud:focus,
    .btn-soundcloud.focus {
        color: #fff;
        background-color: #c40;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-soundcloud:hover {
        color: #fff;
        background-color: #c40;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-soundcloud:active,
    .btn-soundcloud.active,
    .open > .dropdown-toggle.btn-soundcloud {
        color: #fff;
        background-color: #c40;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-soundcloud:active:hover,
        .btn-soundcloud.active:hover,
        .open > .dropdown-toggle.btn-soundcloud:hover,
        .btn-soundcloud:active:focus,
        .btn-soundcloud.active:focus,
        .open > .dropdown-toggle.btn-soundcloud:focus,
        .btn-soundcloud:active.focus,
        .btn-soundcloud.active.focus,
        .open > .dropdown-toggle.btn-soundcloud.focus {
            color: #fff;
            background-color: #a83800;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-soundcloud:active,
    .btn-soundcloud.active,
    .open > .dropdown-toggle.btn-soundcloud {
        background-image: none;
    }

    .btn-soundcloud.disabled:hover,
    .btn-soundcloud[disabled]:hover,
    fieldset[disabled] .btn-soundcloud:hover,
    .btn-soundcloud.disabled:focus,
    .btn-soundcloud[disabled]:focus,
    fieldset[disabled] .btn-soundcloud:focus,
    .btn-soundcloud.disabled.focus,
    .btn-soundcloud[disabled].focus,
    fieldset[disabled] .btn-soundcloud.focus {
        background-color: #ff5500;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-soundcloud .badge {
        color: #ff5500;
        background-color: #fff;
    }

.btn-tumblr {
    color: #fff;
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-tumblr:focus,
    .btn-tumblr.focus {
        color: #fff;
        background-color: #1c2d3f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-tumblr:hover {
        color: #fff;
        background-color: #1c2d3f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-tumblr:active,
    .btn-tumblr.active,
    .open > .dropdown-toggle.btn-tumblr {
        color: #fff;
        background-color: #1c2d3f;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-tumblr:active:hover,
        .btn-tumblr.active:hover,
        .open > .dropdown-toggle.btn-tumblr:hover,
        .btn-tumblr:active:focus,
        .btn-tumblr.active:focus,
        .open > .dropdown-toggle.btn-tumblr:focus,
        .btn-tumblr:active.focus,
        .btn-tumblr.active.focus,
        .open > .dropdown-toggle.btn-tumblr.focus {
            color: #fff;
            background-color: #111c26;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-tumblr:active,
    .btn-tumblr.active,
    .open > .dropdown-toggle.btn-tumblr {
        background-image: none;
    }

    .btn-tumblr.disabled:hover,
    .btn-tumblr[disabled]:hover,
    fieldset[disabled] .btn-tumblr:hover,
    .btn-tumblr.disabled:focus,
    .btn-tumblr[disabled]:focus,
    fieldset[disabled] .btn-tumblr:focus,
    .btn-tumblr.disabled.focus,
    .btn-tumblr[disabled].focus,
    fieldset[disabled] .btn-tumblr.focus {
        background-color: #2c4762;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-tumblr .badge {
        color: #2c4762;
        background-color: #fff;
    }

.btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-twitter:focus,
    .btn-twitter.focus {
        color: #fff;
        background-color: #2795e9;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-twitter:hover {
        color: #fff;
        background-color: #2795e9;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-twitter:active,
    .btn-twitter.active,
    .open > .dropdown-toggle.btn-twitter {
        color: #fff;
        background-color: #2795e9;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-twitter:active:hover,
        .btn-twitter.active:hover,
        .open > .dropdown-toggle.btn-twitter:hover,
        .btn-twitter:active:focus,
        .btn-twitter.active:focus,
        .open > .dropdown-toggle.btn-twitter:focus,
        .btn-twitter:active.focus,
        .btn-twitter.active.focus,
        .open > .dropdown-toggle.btn-twitter.focus {
            color: #fff;
            background-color: #1583d7;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-twitter:active,
    .btn-twitter.active,
    .open > .dropdown-toggle.btn-twitter {
        background-image: none;
    }

    .btn-twitter.disabled:hover,
    .btn-twitter[disabled]:hover,
    fieldset[disabled] .btn-twitter:hover,
    .btn-twitter.disabled:focus,
    .btn-twitter[disabled]:focus,
    fieldset[disabled] .btn-twitter:focus,
    .btn-twitter.disabled.focus,
    .btn-twitter[disabled].focus,
    fieldset[disabled] .btn-twitter.focus {
        background-color: #55acee;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-twitter .badge {
        color: #55acee;
        background-color: #fff;
    }

.btn-vimeo {
    color: #fff;
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-vimeo:focus,
    .btn-vimeo.focus {
        color: #fff;
        background-color: #1295bf;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-vimeo:hover {
        color: #fff;
        background-color: #1295bf;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-vimeo:active,
    .btn-vimeo.active,
    .open > .dropdown-toggle.btn-vimeo {
        color: #fff;
        background-color: #1295bf;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-vimeo:active:hover,
        .btn-vimeo.active:hover,
        .open > .dropdown-toggle.btn-vimeo:hover,
        .btn-vimeo:active:focus,
        .btn-vimeo.active:focus,
        .open > .dropdown-toggle.btn-vimeo:focus,
        .btn-vimeo:active.focus,
        .btn-vimeo.active.focus,
        .open > .dropdown-toggle.btn-vimeo.focus {
            color: #fff;
            background-color: #0f7b9f;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-vimeo:active,
    .btn-vimeo.active,
    .open > .dropdown-toggle.btn-vimeo {
        background-image: none;
    }

    .btn-vimeo.disabled:hover,
    .btn-vimeo[disabled]:hover,
    fieldset[disabled] .btn-vimeo:hover,
    .btn-vimeo.disabled:focus,
    .btn-vimeo[disabled]:focus,
    fieldset[disabled] .btn-vimeo:focus,
    .btn-vimeo.disabled.focus,
    .btn-vimeo[disabled].focus,
    fieldset[disabled] .btn-vimeo.focus {
        background-color: #1ab7ea;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-vimeo .badge {
        color: #1ab7ea;
        background-color: #fff;
    }

.btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-vk:focus,
    .btn-vk.focus {
        color: #fff;
        background-color: #466482;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-vk:hover {
        color: #fff;
        background-color: #466482;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-vk:active,
    .btn-vk.active,
    .open > .dropdown-toggle.btn-vk {
        color: #fff;
        background-color: #466482;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-vk:active:hover,
        .btn-vk.active:hover,
        .open > .dropdown-toggle.btn-vk:hover,
        .btn-vk:active:focus,
        .btn-vk.active:focus,
        .open > .dropdown-toggle.btn-vk:focus,
        .btn-vk:active.focus,
        .btn-vk.active.focus,
        .open > .dropdown-toggle.btn-vk.focus {
            color: #fff;
            background-color: #3a526b;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-vk:active,
    .btn-vk.active,
    .open > .dropdown-toggle.btn-vk {
        background-image: none;
    }

    .btn-vk.disabled:hover,
    .btn-vk[disabled]:hover,
    fieldset[disabled] .btn-vk:hover,
    .btn-vk.disabled:focus,
    .btn-vk[disabled]:focus,
    fieldset[disabled] .btn-vk:focus,
    .btn-vk.disabled.focus,
    .btn-vk[disabled].focus,
    fieldset[disabled] .btn-vk.focus {
        background-color: #587ea3;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-vk .badge {
        color: #587ea3;
        background-color: #fff;
    }

.btn-yahoo {
    color: #fff;
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-yahoo:focus,
    .btn-yahoo.focus {
        color: #fff;
        background-color: #500a6f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-yahoo:hover {
        color: #fff;
        background-color: #500a6f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-yahoo:active,
    .btn-yahoo.active,
    .open > .dropdown-toggle.btn-yahoo {
        color: #fff;
        background-color: #500a6f;
        border-color: rgba(0, 0, 0, 0.2);
    }

        .btn-yahoo:active:hover,
        .btn-yahoo.active:hover,
        .open > .dropdown-toggle.btn-yahoo:hover,
        .btn-yahoo:active:focus,
        .btn-yahoo.active:focus,
        .open > .dropdown-toggle.btn-yahoo:focus,
        .btn-yahoo:active.focus,
        .btn-yahoo.active.focus,
        .open > .dropdown-toggle.btn-yahoo.focus {
            color: #fff;
            background-color: #39074e;
            border-color: rgba(0, 0, 0, 0.2);
        }

    .btn-yahoo:active,
    .btn-yahoo.active,
    .open > .dropdown-toggle.btn-yahoo {
        background-image: none;
    }

    .btn-yahoo.disabled:hover,
    .btn-yahoo[disabled]:hover,
    fieldset[disabled] .btn-yahoo:hover,
    .btn-yahoo.disabled:focus,
    .btn-yahoo[disabled]:focus,
    fieldset[disabled] .btn-yahoo:focus,
    .btn-yahoo.disabled.focus,
    .btn-yahoo[disabled].focus,
    fieldset[disabled] .btn-yahoo.focus {
        background-color: #720e9e;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-yahoo .badge {
        color: #720e9e;
        background-color: #fff;
    }


.btn-custom-new {
    border: none;
    outline: none;
}

    .btn-custom-new:hover, .btn-custom-new:focus {
        color: #fff;
        outline: none;
    }


.btn-info-v2 {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    box-shadow: none;
}

    .btn-info-v2:hover,
    .btn-info-v2:not(:disabled):not(.disabled).active,
    .btn-info-v2:not(:disabled):not(.disabled):active,
    .show > .btn-info-v2.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }


.btn.bg-teal {
}

.bg-aqua-active {
    background-color: #33b5d5 !important;
    border-color: #33b5d5;
}


.bg-light-blue-gradient {
    background: #3c8dbc !important;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3c8dbc),color-stop(1,#67a8ce)) !important;
    background: -ms-linear-gradient(bottom,#3c8dbc,#67a8ce) !important;
    background: -moz-linear-gradient(center bottom,#3c8dbc 0,#67a8ce 100%) !important;
    background: -o-linear-gradient(#67a8ce,#3c8dbc) !important;
    color: #fff !important;
    /*border: 1px solid #3c8dbc !important;*/
}

.bg-blue-gradient {
    background: #0073b7 !important;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0073b7),color-stop(1,#0089db)) !important;
    background: -ms-linear-gradient(bottom,#0073b7,#0089db) !important;
    background: -moz-linear-gradient(center bottom,#0073b7 0,#0089db 100%) !important;
    background: -o-linear-gradient(#0089db,#0073b7) !important;
    color: #fff !important;
}


.bg-purple-gradient {
    background: #605ca8 !important;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#605ca8),color-stop(1,#9491c4)) !important;
    background: -ms-linear-gradient(bottom,#605ca8,#9491c4) !important;
    background: -moz-linear-gradient(center bottom,#605ca8 0,#9491c4 100%) !important;
    background: -o-linear-gradient(#9491c4,#605ca8) !important;
    color: #fff !important;
}

.bg-green-gradient {
    background: #00a65a !important;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#00a65a),color-stop(1,#00ca6d)) !important;
    background: -ms-linear-gradient(bottom,#00a65a,#00ca6d) !important;
    background: -moz-linear-gradient(center bottom,#00a65a 0,#00ca6d 100%) !important;
    background: -o-linear-gradient(#00ca6d,#00a65a) !important;
    color: #fff !important;
}

    .bg-green-gradient:hover {
        color: #fff;
    }


.bg-green-gradient-outline {
    background: #fff !important;
    border-color: #00a65a !important;
    color: #00a65a;
}

    .bg-green-gradient-outline:hover {
        background: #00a65a !important;
        border-color: #00a65a !important;
        color: #fff;
    }

.input-group-btn .btn.bg-light-blue-gradient {
    border: 1px solid #3c8dbc !important;
}

.input-group-btn .btn.bg-teal {
    border: 1px solid #39CCCC !important;
}

.action-buttons-lineitem {
    /* width: 8%*/
}

.width-perc3 {
    width: 3%
}

.width-perc5 {
    width: 5%
}

.width-perc8 {
    width: 8%
}

.width-perc10 {
    width: 10%
}

.width-perc11 {
    width: 11%
}

.width-perc15 {
    width: 15%
}


.action-buttons-lineitem .btn {
    padding: 0px 5px 0px 5px;
    /*width: 25px;
        height: 25px;*/
    width: 27px;
    height: 27px;
    border-radius: 0px;
}

.order-grid-wrapper .action-buttons-lineitem .btn {
    margin-top: -8px
}


.action-buttons-lineitem .btn i.fa-eye {
    padding-top: 4px;
}

.action-buttons-lineitem .btn i.fa-calendar-check-o {
    padding-top: 5px;
}

.action-buttons-lineitem .navbar-nav {
    float: none;
    display: inline-block;
    position: relative;
}

.order-grid-wrapper .action-buttons-lineitem .navbar-nav {
    top: 6px
}

.action-buttons-lineitem .navbar-nav span.btn {
    width: 27px;
    display: inline-block;
    height: 25px
}

    .action-buttons-lineitem .navbar-nav span.btn i {
        padding-top: 5px
    }


.action-buttons-lineitem .navbar-nav ul.dropdown-menu {
    left: -255px
}

.box-tools .btn, .modal-footer .btn {
    border-radius: 0px !important
}

/*End Buttons*/
/*Alerts*/
.sweet-alert {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    .sweet-alert h2 {
        font-size: 25px;
        line-height: 25px;
    }

    .sweet-alert p {
        color: #333;
        font-weight: 500;
        font-size: 18px;
    }

/*End Alerts*/




.fullwidth {
    width: 100%;
}

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

.bold {
    font-weight: bold;
}

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

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

.right {
    text-align: right !important;
}

.font-normal {
    font-weight: normal;
}

.visFalse {
    display: none;
    visibility: hidden;
}

.view-header-cm, .content-header > h1.view-header-cm {
    font-size: 14px;
    font-weight: bold;
}

.centerbox-system .box {
    width: 38%;
}

.centerbox-system .panel-default {
    border-radius: 0px;
    border: none;
    border-color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.centerbox-system h3 {
    font-size: 18px;
}

    .centerbox-system h3 i {
        font-size: 20px;
    }

.pager-cm {
    font-size: 13px;
}

    .pager-cm ul {
        margin: 0 0 5px 0;
        font-size: 14px
    }

    .pager-cm li a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

/*HEADER*/


.fixed .main-header {
    /*border-bottom: 1px solid #dee2e6;*/
}

.skin-blue .main-header .navbar {
    background-color: #fff;
    color: #777;
    border-bottom: 1px solid #dee2e6;
}

    .skin-blue .main-header .navbar .sidebar-toggle {
        text-decoration: none;
        background-color: #fff;
        color: #777
    }

        .skin-blue .main-header .navbar .sidebar-toggle:hover {
            text-decoration: none;
            background-color: #fff;
            color: #333
        }

    .skin-blue .main-header .navbar .nav > li > a {
        color: #777 !important;
        font-size: 15px
    }

        .skin-blue .main-header .navbar .nav > li > a:hover {
            color: #333 !important;
            background: none
        }

.navbar-header-title {
    display: inline-block;
    margin-top: 8px;
    font-size: 22px;
    color: #0e3b63;
}

.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
    background: none
}

/*MENU SIDEBAR*/
.skin-blue .sidebar-menu > li.header {
    color: #ccc;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 600;
    background: #333;
    color: #fff;
}

.skin-blue .sidebar a {
    color: #c2c7d0;
}

.skin-blue .sidebar-menu > li > a {
    font-size: 15px;
    padding: 8px 5px 8px 8px;
}

.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
    text-align: left;
}



/*LOGO*/
.centerbox .logo {
    margin-bottom: 15px;
}

    .centerbox .logo img {
        width: 100px;
    }

    .centerbox .logo span {
        color: #444;
        font-size: 20px;
    }


/*LOGO ADMIN*/
header {
    /*background: #367fa9;*/
    background: #343a40;
}

.main-header .logo img {
    height: 40px;
    height: 50px;
    margin-top: 0;
    margin-bottom: 0;
}

.skin-blue .main-header .logo {
    width: auto;
    margin-left: 50px;
    cursor: pointer;
    background: #343a40;
    background: none;
    margin-left: -10px;
    padding: 0;
}

    .skin-blue .main-header .logo:hover {
        background: #343a40;
        background: none;
    }

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background: #343a40;
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22) !important;
}


/*WIDTHS*/

.width-perc100 {
    width: 100% !important
}




/*End WIDTHS*/


/*FORMS*/

input[type=text], input[type=password], textarea, select,
input.form-control, textarea.form-control, select.form-control {
    border-radius: 0px
}

input[type=text], input[type=password], input, select, textarea {
    /* box-sizing: border-box;
    border: 3px solid #ccc;*/
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

    input[type=text]:focus, input[type=password]:focus, input:focus,
    input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
        border: 1px solid #6e6e6e;
        outline: none;
        box-shadow: none;
        /*box-shadow: 0 0 2px #343a40;*/
    }


    input::placeholder, select::placeholder {
        font-size: 15px;
        color: #333
    }


.form-inline-filters {
}

    .form-inline-filters .form-group {
        width: 100%;
        margin-top: 10px;
    }


    .form-inline-filters .form-control, .form-inline-filters .input-group {
        width: 100%;
    }

        .form-inline-filters .input-group.datepicker-wrapper-cm .input-group-btn {
            width: 1%;
        }


.form-control {
    font-size: 15px;
}


.form-inline-cm .form-group {
    margin-right: 10px;
}

.form-inline-cm label {
    display: block;
    margin-bottom: 2px;
    /*color: #666;*/
    font-size: 15px;
    color: #212529;
    font-weight: normal
}

.btn-search {
    background-color: #e74152 !important;
    border-color: #e74152 !important;
    color: #fff
}

    .btn-search:hover {
        background-color: #be3946 !important;
        border-color: #be3946 !important;
        color: #fff !important;
        transition: background-color 0.5s ease;
    }



.box div.empty {
    display: inline-block;
    width: 100%;
}

.box-form-cm {
    border-top: none;
}

    .box-form-cm alert {
        margin: 0 0 20px 0;
    }

    .box-form-cm hr {
        border-top: 1px solid #ccc;
    }

    .box-form-cm label {
        font-weight: normal;
        margin-bottom: 10px !important;
        /*color: #666;*/
    }

        .box-form-cm label.mb-0 {
            margin-bottom: 0px !important;
        }

        .box-form-cm label.mb-5 {
            margin-bottom: 5px !important;
        }

.link-sm-cm {
    font-size: 13px;
}

.box-form-cm button {
    font-size: 15px;
}

    .box-form-cm button.close {
        font-size: 21px;
    }

.form-devider-cm {
    margin-top: 10px;
}

.form-title-cm {
    font-size: 20px;
}

.panel-heading-cm {
    padding: 0;
}

.row-mt-auto {
    margin: auto;
}

.row-file-wrapper.row-file {
    margin-bottom: 20px;
}

.row-file {
    margin-bottom: 10px;
}

.row-file-date {
    margin-top: 10px;
}

    .row-file-date span .btn {
        height: 34px;
    }

.control-label-file-date {
    margin-bottom: 2px !important;
    font-size: 13px;
}

.box-form-cm .alert-success, .form-success .alert-success, .modal-body-cm .alert-success {
    background: #96eac3 !important;
    color: #018a4b !important;
    padding: 8px;
}

.box-form-cm .alert-danger, .modal-body-cm .alert-danger, .gereric-wrapper .alert-danger {
    background: #fbe1e3 !important;
    color: #e73d4a !important;
    padding: 8px;
}

    .box-form-cm .alert-danger h5, .box-form-cm .alert-success h5, .gereric-wrapper .alert-danger h5 {
        margin: 0;
        font-weight: bold;
        font-size: 15px;
    }

.box-form-cm .alert-success h5 {
    margin: 2px 0 2px 0;
}

.box-form-cm .alert-danger p, .box-form-cm .alert-success p {
    margin: 0;
}

.form-group-cm .btn {
    font-size: 13px;
}

.box-inline-cm .alert {
    width: 50%;
    margin: auto;
    text-align: center;
    padding: 8px;
    /*margin-bottom: 25px;*/
}

.box-inline-cm .alert-danger {
    background: #fbe1e3 !important;
    color: #e73d4a !important;
    padding: 8px;
}

.box-inline-cm .alert-success {
    background: #96eac3 !important;
    color: #018a4b !important;
    padding: 8px;
}

.form-group-cm-filters {
    padding-right: 15px;
    width: 100%;
}

    .form-group-cm-filters label {
        margin-bottom: 5px !important;
    }

    .form-group-cm-filters select {
        width: 100% !important;
        font-size: 13px;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 30px;
    }

    .form-group-cm-filters div.col-md-12 {
        padding: 0;
    }

    .form-group-cm-filters input.form-control {
        width: 100% !important;
        font-size: 13px;
        height: 30px;
    }

    .form-group-cm-filters .btn {
        font-size: 13px;
        height: 30px;
    }

.row-cm-margin {
    margin-bottom: 5px;
}

    .row-cm-margin:last-child {
        margin-bottom: 0px;
    }

.row-wrapper-cm-margin {
    margin-bottom: 22px;
}

    .row-wrapper-cm-margin:last-child {
        margin-bottom: 0px;
    }

    .row-wrapper-cm-margin div, .row-cm-margin div {
        font-size: 13px;
    }

.row-cm-margin-both-top {
    margin-bottom: 10px;
}

.view-header-cm {
    font-size: 15px;
}

.col-align-center-cm {
    float: none;
    margin: auto;
}

.col-align-center-position-cm {
    display: inline-block;
    position: absolute;
    left: 25%;
}

.btn-actions-request-cm {
    margin-bottom: 3px;
}

    .btn-actions-request-cm .btn {
        margin-top: 2px;
    }


div.field-data-header-cm {
    /*border-bottom: 2px solid #3c8dbc;*/
    /*border-bottom: 2px solid #f4f4f4;*/
    /*border-bottom: 1px solid #333;*/
    border-bottom: 1px solid rgba(53,86,129, 0.3);
    font-size: 14px;
    margin-bottom: 8px;
    padding-bottom: 5px;
}

th.field-data-header-table-cm {
    font-size: 14px;
}

    th.field-data-header-table-cm span {
        font-weight: 600;
        margin-bottom: 0px;
        font-size: 14px;
        color: #3690c0;
    }

.field-data-header-cm p {
    margin-left: 15px;
    margin-bottom: 0px;
    font-size: 14px;
    color: #3690c0;
    font-weight: 600;
}

.content-cm-auto {
    min-height: initial;
    padding-bottom: 0px;
}

    .content-cm-auto .box-inline-cm {
        margin-bottom: 0px;
    }

.content-wrapper-center {
    margin: auto;
    width: 50%;
    padding: 15px 0 15px 0;
}

.content-wrapper {
    /*height: auto !important;*/
    /*min-height: 820px !important;*/
}

.input-group-search .input-group-addon {
    background: white !important;
    border-right: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #ccc;
    border-color: #333;
}

.input-group-search .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
    border-color: #333;
    height: 40px;
}

.input-group-search button {
    border: 0;
    background: transparent;
}

    .input-group-search button:hover {
        color: #367fa9;
    }

.grey-box-wrapper .grey-box-content {
    padding: 15px 10px;
    margin-left: 90px;
}

    .grey-box-wrapper .grey-box-content .grey-box-header {
        display: block;
        font-size: 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        text-transform: uppercase;
    }

    .grey-box-wrapper .grey-box-content .grey-box-text {
        display: block;
        font-size: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        text-transform: initial;
    }

.grey-box-wrapper .grey-box-number {
    font-size: 120px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: .79em;
    color: #dae1e4;
    z-index: 4;
}

.grey-box-wrapper .bg-grey-steel {
    background: #e9edef !important;
}


.grey-box {
    min-height: 90px;
    width: 100%;
}

.grey-box-wrapper .active {
    background-color: #32c5d2 !important;
    background-color: #3c8dbc !important;
}

    .grey-box-wrapper .active .grey-box-header, .grey-box-wrapper .active .grey-box-text {
        color: #fff !important;
    }

    .grey-box-wrapper .active .grey-box-number {
        color: #2ab4c0 !important;
        color: #1f6791 !important;
    }

/*LOGIN*/
.main-login {
    background-color: #fff;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.main-center {
    /*margin-top: 30px;
    margin: 0 auto;
    max-width: 630px;
    padding: 40px 40px;*/
    padding: 0px 5px;
}

.main-center-register {
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 15px;
}

.login-button {
    /*margin-top: 5px;*/
    margin: auto;
    width: 50%;
}

.login-register {
    font-size: 11px;
    text-align: center;
    padding-bottom: 15px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.login-logo span {
    /*font-weight: 600;*/
}

.wrapper {
    /*background-color: #83A5B4;*/
    background-color: #a0b4c9 !important;
    /*background-color: #f5f5f5 !important;*/
}

.form-success .space-cm {
    margin-top: 0;
    margin-bottom: 10px;
    float: none;
    clear: both;
}

.form-success div strong {
    color: #555;
}

.form-success-register {
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 15px;
}

/***NEW LOGIN***/

.wrapper-content-ext {
    background: #fff;
    min-height: 100%
}

.header-ext {
    background: #fff
}

.header-top {
    background: #f7f7f9;
    /*background: #EEE;*/
}

.header-nav {
    background: #fff;
    /* border-bottom: 4px solid #f89b34;*/
    /*background: #f7f7f9;*/
    border-bottom: 4px solid #e74152;
}

.header-wrapper-ext {
}

.header-nav .logo.logo-ext {
    display: inline-block;
    text-decoration: none;
    margin: 0px 5px 0px 0px;
}

    .header-nav .logo.logo-ext img {
        max-width: 80px;
        /*vertical-align: top*/
        /*max-height: 80px*/
    }

.header-menu {
    /*margin-left: -780px;*/
    margin-top: 8px;
    padding-left: 0
}

    .header-menu li {
        display: inline-block;
        padding: 25px 0;
    }

        .header-menu li a {
            color: #001F3F;
            font-size: 15px;
            text-decoration: none;
            display: inline-block;
            padding: 10px
        }

            .header-menu li a:hover {
                color: #337ab7;
                font-size: 15px
            }

        .header-menu li span {
            font-size: 18px;
            font-weight: 600;
            color: #111;
            padding: 0px 5px;
            display: inline-block;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 2px;
        }

.skin-blue .main-header .logo.logo-text, .logo-text {
    display: inline-block;
    margin-left: 40px;
    text-decoration: none
}


    .skin-blue .main-header .logo.logo-text:hover, .logo-text:hover {
        text-decoration: none
    }

    .logo-text span {
        display: inline-block;
        margin-top: 15px;
        font-size: 25px;
    }


/*.logo-text-lg {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
}*/

.logo-text-sm {
    font-size: 18px;
    font-style: italic;
    letter-spacing: 0.08em;
    /* font-weight: bold; */
}

.header-ext ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.header-navigation {
}

.content-wrapper-ext {
    background: #fff;
    position: relative;
}

.login-form-wrapper {
    font-size: 13px;
    /*min-height:360px*/
    /*min-height: 580px*/
}

    .login-form-wrapper label {
        margin-bottom: 2px
    }

    .login-form-wrapper .form-group {
        font-size: 15px
    }

    .login-form-wrapper .form-control {
        font-size: 15px
    }

    .login-form-wrapper .btn {
        font-size: 15px
    }

.login-account-actions, .login-account-actions a, .login-account-actions a.btn {
    font-weight: 600;
    color: #0e3b63;
    padding: 0;
    margin: 0;
    border: none;
}

.login-form-wrapper .alert-success {
    /*background: #96eac3 !important;
        color: #018a4b !important;*/
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.login-form-wrapper .alert-danger {
    /*background: #fbe1e3 !important;
        color: #e73d4a !important;*/
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.login-form-wrapper .alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.login-form-wrapper .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.login-form-wrapper .alert-danger, .login-form-wrapper .alert-success, .login-form-wrapper .alert-info, .login-form-wrapper .alert-warning {
    padding: 10px;
}

    .login-form-wrapper .alert-danger h5, .login-form-wrapper .alert-success h5, .login-form-wrapper .alert-info h5, .login-form-wrapper .alert-warning h5 {
        margin: 0;
        font-weight: 600;
        font-size: 16px;
        margin: 2px 0 2px 0;
    }

    .login-form-wrapper .alert-danger p, .login-form-wrapper .alert-success p {
        margin-top: 5px;
        line-height: 18px;
        font-size: 15px;
    }

.hero-text {
    /*padding-top: 15px;
    padding-bottom: 15px;*/
    padding: 0px 0px 0px 0px;
    display: block;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    align-items: center;
    width: 32em !important;
    z-index: 20;
    /*margin-top: 1.5em;
    margin-bottom: 1.5em;*/
    pointer-events: painted;
    float: left;
    position: relative;
    flex-shrink: 0;
    /*background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);*/
    /*position: relative;
    top: 50%;
    transform: translateY(-50%);*/
    /*position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    right: 0;
    left: 0;*/
}


.login-photo {
    position: absolute;
    opacity: 0.5;
    margin-left: -15%;
    width: 100% !important;
    height: 100%;
    /*background: url('/Template/images/page/loginphoto.jpg');*/
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-position: right !important;
    background-size: inherit !important;
}

.hero-photo {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 0;
    opacity: 1;
    -webkit-animation: fade-in 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    animation: fade-in 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    animation-delay: 0s;
    animation-fill-mode: none;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    padding: 0
}

    .hero-photo .hero-photo-mask {
        height: 100%;
        -webkit-transform: skew(22.5deg);
        -ms-transform: skew(22.5deg);
        transform: skew(22.5deg);
        width: 85%;
        margin-left: 0;
        overflow: hidden;
        position: absolute;
        right: -32%;
        top: 0;
        bottom: 0;
    }


.hero-photo-mask .bgImage {
    -webkit-transform: skew(-22.5deg);
    -ms-transform: skew(-22.5deg);
    transform: skew(-22.5deg);
    margin-left: -32%;
    height: 100%;
    width: 100%;
    background-color: white;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    background-position: right inherit;
    /*background-image: url('/Template/images/page/AI-for-Future-Healthcare.png');*/
    /*background-image: url('/Template/images/page/logo_only.png');*/
}

.footer-ext {
    background: #26303a;
    color: #fff;
    padding-bottom: 0 !important;
    /*position: absolute;
    bottom: 0;*/
    width: 100%;
    height: 40px;
    padding: 10px 0 0 0 !important;
    padding-top: 12px !important;
    font-style: italic;
    font-size: 13px;
    position: relative
}

    .footer-ext .date {
        float: right
    }

    .footer-ext a {
        color: #fff;
        text-decoration: none
    }

        .footer-ext a:hover {
            color: #dadada;
            text-decoration: none
        }

/***END NEW LOGIN***/

/*MAIN CONTENT*/

.content {
    /*min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;*/
}

.container-static-cm {
    padding-top: 25px;
}

    .container-static-cm hr {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-style: inset;
        border-width: 1px;
    }

    .container-static-cm table {
        margin-bottom: 25px;
    }

        .container-static-cm table td {
            padding-left: 10px;
            vertical-align: middle;
        }

            .container-static-cm table td.valign-top, .valign-top {
                vertical-align: top;
            }

            .container-static-cm table td p {
                margin: 10px 0 10px 0;
            }


.content, .wrapper {
    background-color: #ecf0f5;
}

.content-wrapper, .right-side {
    /*background-color: #ecf0f5;*/
    background-color: #fff;
}

.content-cm {
    /*padding-left: 0;
    padding-right: 0;*/
    /*background-color: #fff !important;*/
    /*min-height: 250px;*/
    padding: 0px 0px 0px 0px;
    margin-right: auto;
    margin-left: auto;
    margin: 15px 15px 0px 15px
}

.content-header-info {
    min-height: initial;
    /*background-color:#39CCCC;*/
    background-color: #FF851B;
}

.header-info-detail {
    font-size: 15px;
    color: #fff;
}

.content-wrapper .content-wrapper-inner-cm {
    background-color: #ecf0f5;
}

.content-header > h1 {
    line-height: 30px;
    margin: 0;
    font-size: 18px;
}

.content-header h1.view-header-cm {
    font-weight: 600;
    /*font-family: 'Titillium Web', sans-serif;*/
    position: relative;
    /*text-shadow: 0 -1px 1px rgba(0,0,0,0.4);*/
    /*text-shadow: 0 0px 1px rgba(0,0,0,0.4);*/
    text-transform: uppercase;
    border-bottom: 1px solid rgba(53,86,129, 0.3);
    padding: 0 0 8px 15px;
    font-size: 15px;
    color: #5689a7;
    color: #355681;
    /*color: #ff7701;
    color: #777;*/
}

    .content-header h1.view-header-cm .btn {
        margin-right: 15px;
    }


.with-border .box-title {
    font-size: 15px;
    margin-bottom: 10px;
}

.fixed .content-wrapper, .fixed .right-side {
    /*padding-top: 10px;*/
    padding-top: 48px;
}

.content-cm .space-cm {
    margin-bottom: 0;
    margin-top: 10px;
    border: none;
    border-bottom: 1px solid rgba(53,86,129, 0.3);
}

.empty h5 {
    font-size: 15px;
}

.box-cm {
    border-top: 0px;
    /*box-shadow: 0 1px 1px rgb(0 0 0 / 10%);*/
    /*box-shadow: none;*/
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%)
}

.box-body-cm {
    padding-left: 15px;
    padding-right: 15px;
    border-top: 3px solid #e74152;
}


.box-body.box-body-cm.border-cm {
    border-bottom: 1px solid #f4f4f4;
}

    .box-body.box-body-cm.border-cm h1 {
        font-weight: 600;
        position: relative;
        /*text-transform: uppercase;*/
        /*text-shadow: 0 0px 1px rgba(0,0,0,0.4);*/
        font-size: 15px;
        color: #3690c0;
        text-decoration: underline;
        margin-bottom: 10px;
        margin-top: 10px;
    }

.box-header {
    padding-bottom: 2px;
}

.box-header-cm {
    font-size: 15px;
    padding: 15px 15px 10px 15px;
    border-bottom: 0px;
    background: #e7eaee;
    /*background: #e3e7ec*/
}


.box-main-content-cm {
    margin-left: 0px;
    margin-right: 0px;
    width: auto;
    font-size: 14px;
    /*border-top-color: #d0e9c6;*/
    border-top: 2px solid #97a0b3;
    border-top-color: #97a0b3;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

    .box-main-content-cm .with-border .box-title {
        font-size: 16px;
        /*font-weight:600*/
    }

    .box-main-content-cm .box-header > .box-tools {
        top: 3px;
    }

.view-btn-actions a {
    margin-right: 10px;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    font-family: Verdana;
}

.table-responsive table th {
    white-space: nowrap;
    line-height: 18px !important;
}

.table-responsive table td {
    white-space: nowrap;
    vertical-align: middle !important;
}

.container-collapsed .table-responsive table th {
    white-space: initial;
}

.th-cm {
    width: 50%;
}

.modal-body {
    font-size: 15px;
}

.modal-footer .btn {
    margin-right: 15px;
    font-size: 14px;
    font-family: Verdana;
    text-transform: uppercase;
}

    .modal-footer .btn:last-child {
        margin-right: 0;
    }

.modal-footer .btn-primary {
    border-color: #0a3357 !important;
    background-color: #0a3357 !important;
    color: #fff !important;
}


    .modal-footer .btn-primary:hover {
        border-color: #2b5880 !important;
        background-color: #2b5880 !important;
        color: #fff !important;
    }

.modal-footer .btn-danger {
    border-color: #b30000;
    background-color: #b30000 !important;
    color: #fff !important;
}

    .modal-footer .btn-danger:hover {
        border-color: #8b0202;
        background-color: #8b0202 !important;
        color: #fff !important;
    }



.box-body td a {
    cursor: pointer;
    margin-right: 2px;
}

.error-cm {
    color: red;
    cursor: pointer;
}

.i-error-cm {
    color: red;
    cursor: pointer;
    margin-right: 2px;
    font-size: 13px !important;
    padding: 1px 5px;
    line-height: 1.5;
    border-radius: 3px;
}

.box-form-cm .jumbotron {
    padding: 10px;
}

.modal-body h5 u {
    font-size: 15px;
    font-weight: bold;
}



/*FOOTER*/
.sidebar-collapse .footer {
    display: none;
}

.datepicker-wrapper-sm-cm .uib-button-bar {
    padding-left: 0px;
    padding-right: 0px;
}

/*FOOTER*/

.sidebar-collapse .footer {
    display: none;
}

.centerbox .footer {
    color: #333;
    font-size: 13px;
    width: 100%;
    max-width: 350px;
}

    .centerbox .footer a, .centerbox .footer a:link, .centerbox .footer a:visited {
        color: #333;
        text-decoration: none;
    }

        .centerbox .footer a:hover {
            color: #000;
        }

.left-side .footer, .main-sidebar .footer {
    color: #ccc;
    font-size: 11px;
}

    .left-side .footer a, .main-sidebar .footer a,
    .left-side .footer a:link, .main-sidebar .footer a:link,
    .left-side .footer a:visited, .main-sidebar .footer a:visited {
        color: #ccc !important;
        text-decoration: none;
    }

        .left-side .footer a:hover, .main-sidebar .footer a:hover {
            color: #888 !important;
        }


.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    text-decoration: none;
    background: rgba(255,255,255,.9);
    color: #333;
    border-left-color: #333;
}

.info-message-footer {
    font-size: 10px;
    font-style: italic;
    font-weight: 600;
    color: #db5202;
    display: block;
    margin-bottom: 8px;
}

.main-footer-inner {
    /*position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    display: block;
    */
    /*position: absolute;
    bottom: 0;
    width: 100%;*/
    text-align: center;
    background: #f5f5f5;
}


    .main-footer-inner .footer-inner-info-message {
        font-weight: bold;
        font-size: 22px;
        color: #d81b60;
        color: #1c73a5;
        margin-bottom: 10px;
    }


/*MODALS*/
.modal-footer button {
    margin-left: 10px;
}

.modal-footer-cm {
}

.box-form-cm .modal-footer button.btn {
    font-size: 13px;
    margin-left: 0;
}

.column-header-cm {
    font-size: 15px;
    font-weight: bold;
}


/*INFO BOX*/
.box-info-cm {
    border-top: none;
}

    .box-info-cm i {
        font-size: 22px;
        padding-right: 5px;
    }

/*Dropdown Submenu*/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }


/*grid css*/
.box-body .table {
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
}

.box-body .table-cm {
    border: 1px solid #ddd;
    margin-bottom: 10px;
}


.box-body .table-fixed {
    table-layout: fixed
}


.box-body table.table-align-middle-cm > tbody > tr > th {
    vertical-align: middle;
}

.box-body table.table-align-middle-cm > tbody > tr > td {
    vertical-align: middle;
    padding-bottom: 0px !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 2px 4px 2px 4px !important;
}

.table.table-cm > tbody > tr > th,
.table.table-cm > tfoot > tr > th,
.table.table-cm > thead > tr > th {
    padding: 8px 4px 8px 4px !important;
}

.table.table-cm > tbody > tr > td,
.table.table-cm > tfoot > tr > td,
.table.table-cm > thead > tr > td {
    padding: 5px 4px 5px 4px !important;
    vertical-align: middle;
}

    .table.table-cm > tbody > tr > td.cell-cm-pad,
    .table.table-cm > tfoot > tr > td.cell-cm-pad,
    .table.table-cm > thead > tr > td.cell-cm-pad {
        padding: 5px 4px 5px 4px !important;
    }


.table .fa-stack {
    white-space: nowrap;
}

.action-label {
    font-weight: normal;
    font-size: 100%;
    border-radius: 0px;
}

.text-hidden-cm span {
    display: inline-block;
    overflow: hidden;
    height: 18px;
    margin-top: 5px;
}

.form-horizontal-cm select.form-control {
    font-size: 14px;
}

.navbar-nav > li > .dropdown-menu {
    padding-bottom: 0;
    padding-top: 0;
}

.dropdown-menu li a {
    font-size: 15px;
    padding: 5px 8px;
    border-bottom: 1px solid #ddd;
    margin: 0;
    color: #333 !important;
}

    .dropdown-menu li a:hover {
        background: #ebecec
    }


.actions-grid-wrapper {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    font-size: 15px;
}

    .actions-grid-wrapper label {
        margin-bottom: 0;
        font-weight: normal
    }

        .actions-grid-wrapper label select {
            height: 35px;
            border-radius: 0px;
            box-shadow: none;
            font-size: 15px;
            display: inline-block;
            width: auto;
            padding: 5px 0px 5px 2px;
            /*text-align: center*/
        }

    .actions-grid-wrapper .btn {
        margin-bottom: 7px;
        font-size: 14px;
        /*background-color: transparent !important;
        border: 1px solid #3c8dbc !important;
        color: #3c8dbc !important;*/
    }

        .actions-grid-wrapper .btn:hover {
            /* background-color: #3c8dbc !important;
            color: #fff !important;*/
        }


.actions-btn-wrapper {
    margin-top: 8px;
}

    .actions-btn-wrapper .btn {
        font-size: 14px;
        /*background-color: transparent !important;
        border: 1px solid #3c8dbc !important;
        color: #3c8dbc !important;*/
    }

.actions-btn-default-wrapper .btn {
    font-size: 14px;
    background-color: transparent !important;
    border: 1px solid #969696 !important;
    color: #969696 !important;
}

    .actions-btn-default-wrapper .btn:hover {
        background-color: #969696 !important;
        color: #fff !important;
    }

.actions-btn-wrapper .btn:hover {
    background-color: #3c8dbc !important;
    color: #fff !important;
}

.actions-btn-wrapper .btn.bg-navy {
    font-size: 14px;
    background-color: transparent !important;
    border: 1px solid #001F3F !important;
    color: #001F3F !important;
}

    .actions-btn-wrapper .btn.bg-navy:hover {
        background-color: #001F3F !important;
        color: #fff !important;
    }



table.grid-excel-result-data {
    margin: 10px 0 15px 0;
    width: 100%;
    font-size: 14px;
}

    table.grid-excel-result-data thead tr {
        background: #f9f9f9;
    }

        table.grid-excel-result-data thead tr th, table.grid-excel-result-data tbody tr td {
            padding: 5px;
            border: 1px solid #f4f4f4;
        }

.grid-excel-data, .grid-excel-data table {
    font-size: 14px;
}

    .grid-excel-data table.table > tbody > tr > td {
        border-top: 1px solid #333;
    }

    .grid-excel-data table > thead > tr > th {
        line-height: 14px;
    }

.box-header .box-title.box-title-grid-result-data {
    font-size: 14px;
    font-weight: bold;
}

.input-group-btn .btn {
    /*font-size: 14px;*/
}

.search-wrapper-cm {
    font-size: 14px;
    text-align: right;
}

    .search-wrapper-cm input {
        width: auto;
        display: inline-block;
        min-width: 20%;
        border: 1px solid #ff7701;
    }

.uib-datepicker-current {
    background-color: #001f3f !important;
    border-color: #001f3f !important;
    margin-right: 1px !important;
}

    .uib-datepicker-current:hover {
        background-color: #001a35 !important;
        border-color: #001a35 !important;
        margin-right: 1px !important;
    }

.uib-clear {
    background-color: #f4f4f4 !important;
    border-color: #f4f4f4 !important;
    color: #333 !important;
}

    .uib-clear:hover {
        background-color: #e7e7e7 !important;
        border-color: #e7e7e7 !important;
        color: #333 !important;
    }

.uib-close {
    background-color: #FF851B !important;
    border-color: #FF851B !important;
}

    .uib-close:hover {
        background-color: #ff7702 !important;
        border-color: #ff7702 !important;
    }

.btn-custom {
    margin-bottom: 10px;
    margin-left: 20px;
}

input[data-readonly] {
    pointer-events: none;
}

.content-header {
    line-height: 30px;
    min-height: 35px;
    padding: 15px 15px 0 15px;
}


/***** TOGGLE SWITCH *****/
.toggle-switch-cm .toggle-switch span {
    line-height: 20px;
}

.toggle-switch-cm .toggle-switch .switch-left {
    background: #428bca;
    color: #fff;
    display: block
}

.toggle-switch-cm .toggle-switch .knob {
    background: #fff;
    background-color: #fff;
}

.toggle-switch-cm .toggle-switch .switch-right {
    background: #eeeeee;
    color: #000;
}

.textarea-cm {
    min-height: 100px;
    font-size: 13px;
}

.toggle-switch-cm .toggle-switch {
    width: 25%
}

.form-group-wrapper-cm-inline .toggle-switch-cm {
    display: block
}

.hospital-info-wrapper {
    border: 1px solid #97a0b3;
    padding: 5px 10px 5px 10px;
    background: #f9f9f9;
    margin-top: 0px;
    margin-bottom: 20px;
}

    .hospital-info-wrapper .alert-info-cm {
        background-color: #f9f9f9 !important;
        margin-bottom: 0;
        border: none;
        color: #001F3F !important;
        font-size: 14px
    }

.page-view-info-wrapper {
    border: 1px solid #97a0b3;
    padding: 5px 10px 5px 10px;
    /*background: #f9f9f9;*/
    background: #deebf7;
    margin-top: 0px;
    margin-bottom: 20px;
}

    .page-view-info-wrapper .alert-info-cm {
        /*background-color: #f9f9f9 !important;*/
        margin-bottom: 0;
        border: none;
        color: #001F3F !important;
    }

.diagnosisForm .datepicker-wrapper-cm .input-group-btn button,
.visitForm .datepicker-wrapper-cm .input-group-btn button,
.additionalDrugForm .datepicker-wrapper-cm .input-group-btn button {
    min-height: 30px;
}

.diagnosisForm .dualmultiselect h4 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.diagnosisForm .angucomplete-selected-row {
    background-color: #001F3F;
    /*color: #ffffff;*/
}

.diagnosisForm .first.pool li span, .diagnosisForm .second.pool {
    display: block
}

.visitForm hr, .additionalDrugForm hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*.insurance-file-data span.color-icon-navy {
    color: #001F3F
}*/

.diagnosisForm .sweet-alert h2, .visitForm .sweet-alert h2, .additionalDrugForm .sweet-alert h2 {
    line-height: 28px;
}

/***** CYSTICFIBROSIS *****/
/***** ALERTS *****/
.alert-cm {
    padding: 5px 0 5px 0;
    font-size: 13px;
}

.alert-danger-cm, .box-form-cm .alert-danger-cm {
    color: #a94442 !important;
    background-color: #f2dede !important;
}

.alert-danger-cm-v2, .box-form-cm .alert-danger-cm-v2 {
    border-color: #a94442;
    border-radius: 0px;
    padding: 10px;
}

.alert-success-cm {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
}

.alert-success-cm-v2 {
    border-color: #3c763d;
    border-radius: 0px;
    padding: 10px;
    /*color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
    border-radius: 0px;*/
}

.alert-warning-cm {
    color: #B8860B !important;
    background-color: #FFFFE0 !important;
}

.alert-warning-cm-v2 {
    border-color: #B8860B;
    border-radius: 0px;
    padding: 8px;
}


.alert-info-cm {
    color: #4292c6 !important;
    background-color: #deebf7 !important;
}

.alert-info-cm-v2 {
    border-color: #4292c6;
    border-radius: 0px;
    padding: 8px;
}

.note {
    margin: 0 0 20px;
    padding: 15px 30px 15px 5px;
    border-left: 5px solid #eee;
    border-radius: 0 4px 4px 0;
    font-size: 15px
}

    .note.note-info {
        background-color: #f5f8fd;
        border-color: #8bb4e7;
        color: #010407;
    }

    .note.note-info-v2 {
        background-color: #fff;
        border-top: 1px solid #8bb4e7;
        border-bottom: 1px solid #8bb4e7;
        border-right: 1px solid #8bb4e7;
        border-radius: 0 0px 0px 0;
    }

.callout {
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

    .callout.callout-info {
        /*background-color: #e6f2fd !important;*/
        background-color: #fff !important;
        border-color: #3c8dbc;
        color: #010407 !important;
        border-radius: 0 0px 0px 0;
        border-top: 1px solid #3c8dbc;
        border-bottom: 1px solid #3c8dbc;
        border-right: 1px solid #3c8dbc;
    }


    /*.callout.callout-danger {
        background-color: #fff !important;
        border-color: #a94442;
        color: #010407 !important;
        border-radius: 0 0px 0px 0;
        border-top: 1px solid #a94442;
        border-bottom: 1px solid #a94442;
        border-right: 1px solid #a94442;
    }*/

    .callout.callout-danger {
        /*background-color: #fff !important;*/
        background-color: #f5c9c4 !important;
        border-color: #a94442;
        color: #010407 !important;
        border-radius: 0 0px 0px 0;
        border-top: 1px solid #a94442;
        border-bottom: 1px solid #a94442;
        border-right: 1px solid #a94442;
    }


.box.box-info {
    border-top-color: #00c0ef;
}


/***** ERRORS *****/
.error {
    /*color: #e73d4a;*/
    color: #d81b60;
    /*font-style: italic;*/
    font-size: 15px;
    margin-top: 5px;
}

.info {
    color: #0073e6;
    font-style: italic;
    font-size: 13px;
    margin-top: 5px;
}

.form-info-message {
    color: #367fa9;
    /*color: #378cbd;*/
    font-size: 13px;
    font-style: italic;
    margin-left: 2px;
    margin-top: 5px;
}


/***** BUTTONS *****/

.btn {
    font-size: 14px;
}

button.btn {
    /*min-height: 34px;*/
}

.btn-grey {
    color: #fff !important;
    border-color: #6c757d;
    background: #6c757d !important;
}

    .btn-grey:hover {
        background-color: #343a40 !important;
        color: #fff !important;
    }


/*.btn-grey-soft {
    color: #fff !important;
    border-color: #8b8b8b;
    background: #8b8b8b !important;
}

    .btn-grey-soft:hover {
        background-color: #525252 !important;
        color: #fff !important;
    }

*/

.btn-grey-soft {
    background-color: #C1C1C1;
    /*border-color: #8b8b8b;*/
    color: #fff !important;
}

    .btn-grey-soft:hover {
        background-color: #b9b9b9;
        color: #fff !important;
    }



.btn-grey-outline {
    color: #525252;
    border-color: #525252;
    background: #fff !important;
}

    .btn-grey-outline:hover {
        background-color: #525252 !important;
        color: #fff !important;
    }

.btn-grey-light {
    color: #525252;
    border-color: #525252;
    background: transparent;
}

    .btn-grey-light:hover {
        background-color: #525252 !important;
        color: #fff !important;
    }


.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    box-shadow: none;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
        box-shadow: none;
    }

.btn-orange-light {
    color: #ff7701;
    border-color: #ff7701;
    background: transparent;
}

    .btn-orange-light:hover {
        background-color: #ff7701 !important;
        color: #fff !important;
    }

.btn-orange-dark {
    border-color: #ff7701;
    background-color: #ff7701 !important;
    color: #fff !important;
}

    .btn-orange-dark:hover {
        border-color: #fb943a;
        background-color: #fb943a !important;
        color: #fff !important;
    }

.btn-red-dark {
    border-color: #b30000;
    background-color: #b30000 !important;
    color: #fff !important;
}

    .btn-red-dark:hover {
        border-color: #8b0202;
        background-color: #8b0202 !important;
        color: #fff !important;
    }


.btn-red-light {
    border-color: #b30000;
    background-color: transparent !important;
    color: #b30000 !important;
}

    .btn-red-light:hover {
        border-color: #b30000;
        background-color: #b30000 !important;
        color: #fff !important;
    }

.btn-black-light {
    border-color: #333;
    background-color: transparent !important;
    color: #333 !important;
}

    .btn-black-light:hover {
        border-color: #222d32;
        background-color: #222d32 !important;
        color: #fff !important;
    }

.btn-primary-light {
    border-color: #3c8dbc;
    background-color: transparent !important;
    color: #3c8dbc !important;
}

    .btn-primary-light:hover {
        border-color: #3c8dbc;
        background-color: #3c8dbc !important;
        color: #fff !important;
    }

.btn-primary-light-outline {
    border-color: #3c8dbc;
    background-color: #fff !important;
    color: #3c8dbc !important;
}

    .btn-primary-light-outline:hover {
        border-color: #3c8dbc;
        background-color: #3c8dbc !important;
        color: #fff !important;
    }



.btn-green-light {
    border-color: #005946;
    background-color: transparent !important;
    color: #005946 !important;
}

    .btn-green-light:hover {
        border-color: #005946;
        background-color: #005946 !important;
        color: #fff !important;
    }

.btn-navy-light, .actions-grid-wrapper .btn-navy-light {
    border-color: #001F3F !important;
    background-color: transparent !important;
    color: #001F3F !important;
}

    .btn-navy-light:hover, .actions-grid-wrapper .btn-navy-light:hover {
        border-color: #001F3F !important;
        background-color: #001F3F !important;
        color: #fff !important;
    }

.btn-navy-light-outline, .actions-grid-wrapper .btn-navy-light-outline {
    border-color: #001F3F !important;
    background-color: #fff !important;
    color: #001F3F !important;
}

    .btn-navy-light-outline:hover, .actions-grid-wrapper .btn-navy-light-outline:hover {
        border-color: #001F3F !important;
        background-color: #001F3F !important;
        color: #fff !important;
    }

.btn-navy-dark, .actions-grid-wrapper .btn-navy-dark {
    border-color: #001F3F !important;
    background-color: #001F3F !important;
    color: #fff !important;
}

    .btn-navy-dark:hover, .actions-grid-wrapper .btn-navy-dark:hover {
        border-color: #001F3F !important;
        background-color: transparent !important;
        color: #001F3F !important;
    }


.btn-blue-light {
    border-color: #4582b7 !important;
    background-color: #4582b7 !important;
    color: #fff !important;
}

    .btn-blue-light:hover {
        border-color: #3e729f !important;
        background-color: #3e729f !important;
        color: #fff !important;
    }

.btn-primary-cm {
    border-color: #214e75 !important;
    background-color: #214e75 !important;
    color: #fff !important;
}

    .btn-primary-cm:hover {
        border-color: #0b3f5e !important;
        background-color: #0c4474 !important;
        color: #fff !important;
    }

.btn-primary-dark {
    border-color: #0a3357 !important;
    background-color: #0a3357 !important;
    color: #fff !important;
}

    .btn-primary-dark:hover {
        border-color: #2b5880 !important;
        /*background-color: #306391 !important;*/
        background-color: #2b5880 !important;
        color: #fff !important;
    }

.btn-blue-dark {
    border-color: #0b3f5e !important;
    background-color: #0b3f5e !important;
    color: #fff !important;
}

    .btn-blue-dark:hover {
        border-color: #0b3f5e !important;
        background-color: #23648a !important;
        color: #fff !important;
    }

.btn-blue-dark-outline {
    border-color: #0b3f5e !important;
    background-color: #fff !important;
    color: #23648a !important;
}

    .btn-blue-dark-outline:hover {
        border-color: #0b3f5e !important;
        background-color: #23648a !important;
        color: #fff !important;
    }

.btn-blue-darkest {
    border-color: #073048 !important;
    background-color: #073048 !important;
    color: #fff !important;
}

    .btn-blue-darkest:hover {
        border-color: #073048 !important;
        background-color: #23648a !important;
        color: #fff !important;
    }

.btn-purple-dark {
    border-color: #3b3967 !important;
    background-color: #3b3967 !important;
    color: #fff !important;
}

    .btn-purple-dark:hover {
        border-color: #525077 !important;
        background-color: #525077 !important;
        color: #fff !important;
    }


/*.btn-blue-navy {
    border-color: #5279ab !important;
    background-color: #5279ab !important;
    color: #fff !important;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#5279ab),color-stop(1,#84a4ce)) !important;
}
    .btn-blue-navy:hover {
        border-color: #2a4c76 !important;
        background-color: #2a4c76 !important;
        color: #fff !important;
    }


.btn-blue-navy-darkest {
    border-color: #19385e !important;
    background-color: #19385e !important;
    color: #fff !important;
}

    .btn-blue-navy-darkest:hover {
        border-color: #19385e !important;
        background-color: #2b4e79 !important;
        color: #fff !important;
    }*/



.btn-success-cm {
    color: #fff;
    background-color: #00a65a;
    border-color: #008d4c;
}

    .btn-success-cm:hover {
        color: #fff;
        background-color: #15804f;
        border-color: #255625;
    }

.btn-success-outline {
    color: #008d4c;
    background-color: #fff;
    border-color: #008d4c;
}

    .btn-success-outline:hover {
        color: #fff;
        background-color: #15804f;
        border-color: #255625;
    }


.patient-data-collapse .panel-group {
    margin-bottom: 0;
}

    .patient-data-collapse .panel-group .panel {
        border-radius: 0px;
        box-shadow: none;
        border: none;
    }

.patient-data-collapse .panel-default > .panel-heading {
    color: #fff;
    border-color: #ddd;
    border-radius: 0px;
    padding: 0;
}

    .patient-data-collapse .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding: 0;
    }

.patient-data-collapse h4 a {
    font-size: 15px;
    text-decoration: none;
}

    .patient-data-collapse h4 a:hover {
        text-decoration: none;
    }

.patient-data-collapse .collapse {
    background: #f8f8f8;
}

.icon-wrapper {
    padding: 0;
    width: auto;
    font-size: 35px;
    vertical-align: bottom;
    margin-top: 0px;
}

.header-wrapper, .info-box-patient-header {
    font-size: 15px;
    margin-bottom: 0;
}

    .header-wrapper i.fa-chevron-right, .info-box-patient-header i.fa-chevron-right {
        font-size: 12px;
    }

    .header-wrapper i.fa-chevron-down, .info-box-patient-header i.fa-chevron-down {
        font-size: 13px;
    }

.info-box-patient-header {
    background-color: #FF851B !important;
}

    .info-box-patient-header .info-box-content {
        line-height: 19px;
    }

.info-box-patient-header {
    background-color: #FF851B !important;
}

    .info-box-patient-header .info-box-content {
        line-height: 19px;
    }

.info-box-main-header {
    min-height: 60px;
    border-radius: 0px;
    background-color: #f39c12 !important;
}

    .info-box-main-header .info-box-icon {
        height: 60px;
        width: 60px;
        font-size: 30px;
        line-height: 60px;
        border-radius: 0px;
    }

.info-box-content {
    margin-left: 60px;
}


.info-box-dash-cm .info-box-content {
    margin-left: 90px;
}


.progress-description {
    font-size: 13px;
}


.info-box .progress .progress-bar {
    width: 100%;
}

.info-box-main-header .info-box-text {
    text-transform: none;
}

.sub-header {
    font-size: 12px;
    margin-top: 8px;
}


.nav-tabs-wrapper-cm {
}

    .nav-tabs-wrapper-cm .nav-tabs {
        border-bottom: 2px solid #DDD;
    }

        .nav-tabs-wrapper-cm .nav-tabs > li.active > a, .nav-tabs-wrapper-cm .nav-tabs > li.active > a:focus, .nav-tabs-wrapper-cm .nav-tabs > li.active > a:hover {
            border-width: 0;
        }

        .nav-tabs-wrapper-cm .nav-tabs > li > a {
            border: none;
            color: #666;
            background: #fff;
        }

            .nav-tabs-wrapper-cm .nav-tabs > li.active > a, .nav-tabs-wrapper-cm .nav-tabs > li > a:hover {
                border: none;
                /*color: #4285F4 !important;*/
                color: #FF851B !important;
                background: transparent;
            }

    .nav-tabs-wrapper-cm.cml .nav-tabs > li.active > a, .nav-tabs-wrapper-cm.cml .nav-tabs > li > a:hover {
        border: none;
        /*color: #4285F4 !important;*/
        /*color: #30bbbb !important;*/
        /*color: #0099CC !important;*/
        color: #4488b0 !important;
        color: #4a84a5 !important;
        background: transparent;
    }

    .nav-tabs-wrapper-cm .nav-tabs > li > a::after {
        content: "";
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

    .nav-tabs-wrapper-cm.cml .nav-tabs > li > a::after {
        /*background: #30bbbb;
        background:#0099CC;*/
        background: #4488b0;
        background: #4a84a5;
    }

    .nav-tabs-wrapper-cm .nav-tabs > li > a::after {
        background: #FF851B;
    }


    .nav-tabs-wrapper-cm .nav-tabs > li.active > a::after, .nav-tabs-wrapper-cm .nav-tabs > li:hover > a::after {
        transform: scale(1);
    }

    .nav-tabs-wrapper-cm .tab-nav > li > a::after {
        background: #21527d none repeat scroll 0% 0%;
        color: #fff;
    }

    .nav-tabs-wrapper-cm .tab-pane {
        padding: 15px 10px 15px 10px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.2),0 3px 2px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12) !important;
        /*-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);*/
    }

    .nav-tabs-wrapper-cm .tab-content {
        padding: 20px 0 20px 0;
    }

.nav-tabs-wrapper-fix .nav > li > a {
    padding: 10px 12px 10px 12px
}


.wrapper-shadow {
    padding: 15px 10px 15px 10px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2),0 3px 2px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12) !important;
}

/*.patient-data-collapse h4 a.edit-icon, .info-box-patient-header a.edit-icon {
    color: #fff;
    font-size: 17px;
}*/

.patient-data-collapse h4 a.edit-icon, .info-box-patient-header a.edit-icon {
    color: #fff;
    /*font-size: 17px;*/
    font-size: 13px;
    font-weight: 600
}

.patient-data-seperator {
    float: right;
    margin-right: 10px
}


.form-group-wrapper-cm {
    margin-top: 5px;
}

.datepicker-wrapper-cm .input-group-btn button {
    min-height: 34px;
}


td span.text-ellipsis-cm, span.text-ellipsis-cm, .text-ellipsis-cm {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

td span.text-ellipsis-cm, span.text-ellipsis-cm {
    margin-top: 5px
}

span.clonal {
    width: 80px;
    max-width: 80px;
}

span.product-name, span.category-name {
    width: 300px;
    max-width: 300px;
}

span.width100 {
    width: 100px;
    max-width: 100px;
}

span.width150 {
    width: 150px;
    max-width: 150px;
}

span.width200 {
    width: 200px;
    max-width: 200px;
}

span.width250 {
    width: 250px;
    max-width: 250px;
}

span.width300 {
    width: 300px;
    max-width: 300px;
}

span.width350 {
    width: 350px;
    max-width: 350px;
}

span.width400 {
    width: 400px;
    max-width: 400px;
}

span.width500 {
    width: 500px;
    max-width: 500px;
}


span.width1350 {
    width: 1350px;
    max-width: 1350px;
}

td span.icd10, span.icd10, .icd10 {
    width: 450px;
    max-width: 450px;
}

td span.icd10-lg {
    width: 650px;
    max-width: 650px;
}

td span.drugName {
    /*width: 370px;
    max-width: 370px;*/
    width: 280px;
    max-width: 280px;
}

td span.drugNameSm {
    width: 180px;
    max-width: 180px;
}

td span.activeIngredient {
    width: 235px;
    max-width: 235px;
}

td span.drugType {
    width: 235px;
    max-width: 235px;
}

td span.icd10ReqList, span.icd10ReqList {
    width: 150px;
    max-width: 150px;
}

td span.icd10-lg {
    width: 650px;
    max-width: 650px;
}

td span.drugNameReqList {
    width: 150px;
    max-width: 150px;
}

td span.supplierNameReqList, span.supplierNameReqList {
    width: 450px;
    max-width: 450px;
}

td span.supplierNameNewOrderList, span.supplierNameNewOrderList {
    width: 350px;
    max-width: 350px;
}

.tbl-docs-sett .header-row {
    background-color: #0e3b63;
    font-weight: bold;
    color: #fff
}

.tbl-docs-sett .subheader-row {
    background-color: #efefef;
}

.aa-order {
    display:inline-block;
    width:3%
}

.header-row td {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #0e3b63;
    border-bottom: 1px solid #fff;
}

a.custom-link-sett {
    display: inline-block;
    width: 8%;
    background-color: #fff;
    color: #0e3b63;
    border-color: #0e3b63;
    font-weight: bold;
}

a.custom-link-sett:hover, a.custom-link-sett:focus {
    background-color: #fff !important;
    color: #0e3b63 !important;
    outline: none;
    outline-offset: inherit;
}

a.custom-link-sett-sub {
    display: inline-block;
    width: 100%;
    background-color: #0e3b63;
    color: #fff;
    border-color: #0e3b63;
    font-weight: bold;
}

    a.custom-link-sett-sub:hover, a.custom-link-sett-sub:focus {
        background-color: #0e3b63 !important;
        color: #fff !important;
        outline: none;
        outline-offset: inherit;
    }


a.expand-link {
    color: #fff
}

.container-collapsed td span.icd10 {
    width: 330px;
    max-width: 330px;
}

.container-collapsed td span.drugName {
    width: 170px;
    max-width: 170px;
}

.container-collapsed td span.activeIngredient {
    width: 150px;
    max-width: 150px;
}

.container-collapsed td span.drugType {
    width: 100px;
    max-width: 100px;
}


/*****

Λευκό χρώμα: αγωγή που δεν απαιτεί έγκριση
Γκρι χρώμα: αγωγή, για την οποία έχει εγκριθεί αίτηση από τον ΕΟΠΥΥ
Κίτρινο χρώμα: αγωγή, για την οποία έχει υποβληθεί αίτηση στον ΕΟΠΥΥ, η οποία βρίσκεται σε αναμονή
Κόκκινο χρώμα: αγωγή, για την οποία έχει απορριφθεί αίτηση προς τον ΕΟΠΥΥ

*****/

tr.result-pending {
    background: #fcf8e3;
    background-color: #fcf8e3 !important;
    color: #8a6d3b;
}

tr.result-accept {
    background: #efefef;
    background-color: #efefef !important;
    color: #333;
}

tr.result-deny {
    background: #f2dede;
    background-color: #f2dede !important;
    color: #a94442;
}

.skin-blue .sidebar-menu > li.menutab-gsfairini:hover > a, .skin-blue .sidebar-menu > li.active.menutab-gsfairini > a {
    border-left-color: #FF851B;
}

.skin-blue .sidebar-menu > li.menutab-cml:hover > a, .skin-blue .sidebar-menu > li.active.menutab-cml > a {
    border-left-color: #4a84a5;
}

.min-width-cm {
    min-width: 28%;
}

.width15-cm {
    width: 15%;
}

.width25-cm {
    width: 25%;
}

.width50-cm {
    width: 50%;
}

.width100-cm {
    width: 100% !important;
}

.login-head {
    font-size: 20px;
}

.alert .alert-action-wrapper a.btn {
    /*margin-top: 35px;*/
    text-decoration: none;
}

.info-audit-content table {
    margin-bottom: 0
}

.medication-form .ui-select-bootstrap .ui-select-choices-row > span {
    white-space: initial;
    white-space: inherit;
    white-space: normal;
}

.chk-old-files label span {
    display: inline-block;
    font-weight: 600;
    margin-top: 3px;
}

.checkbox .chk-text {
    display: inline-block;
    margin-top: 3px;
}

.medication-form .chk-text input {
    margin-top: 1px;
}

/***** END CYSTICFIBROSIS *****/
.btn-app-cm {
    width: 100%;
    height: auto;
    padding-top: 45px;
    line-height: 28px;
    margin: 0;
    min-height: 150px;
    font-size: 14px;
}

    .btn-app-cm i.fa {
        min-height: 30px;
        font-size: 25px;
    }

    .btn-app-cm span {
        word-wrap: break-word;
        white-space: initial;
        line-height: 18px;
        display: inline-block;
    }

.info-title-weight {
    color: #1a608e;
}

.hospital-info-wrapper {
    border: 1px solid #97a0b3;
    padding: 0;
    margin: 15px;
    background: #f9f9f9;
    margin-top: 0px;
}

    .hospital-info-wrapper .alert-info-cm {
        border: none;
        /*border-bottom: 1px solid #97a0b3;*/
        border-radius: 0px;
        color: #1a608e !important;
        /*margin-bottom: 15px;*/
        background-color: #deebf7 !important;
        margin-bottom: 0;
        padding: 10px;
        font-size: 13px
    }

.table-ext-header-wrapper {
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 5px;
    background: #deebf7;
}



.accordion-wrapper-cm .panel-heading {
    padding-left: 5px;
}


.accordion-wrapper-cm h4 {
    font-size: 15px;
    font-weight: bold;
}

.accordion-wrapper-cm span i.glyphicon {
    /*margin-top: 2px;*/
}


.accordion-wrapper-cm a, .accordion-wrapper-cm a:link, .accordion-wrapper-cm a:visited {
    text-decoration: none;
    margin-left: 5px
}

    .accordion-wrapper-cm a.btn-red-dark, .accordion-wrapper-cm .add-product {
        margin-top: -4px;
    }

    /* .accordion-wrapper-cm a, .accordion-wrapper-cm .btn {
       width:27px; height:27px
    }
*/

    .accordion-wrapper-cm a:hover {
        text-decoration: none;
        /* color: #ec971f;
        color: #e74152;*/
        color: #386a97
    }

    .accordion-wrapper-cm a.blue:hover {
        color: #337ab7 !important;
    }


    .accordion-wrapper-cm a:focus {
        outline: none;
        outline-offset: inherit;
    }


.accordion-wrapper-cm .box-header.with-border {
    border-bottom: 1px solid #ddd;
}

.accordion-wrapper-cm h3 .btn {
    margin-top: -2px
}

.table.proc-products > tbody > tr > td, .table.proc-products > tbody > tr > th, .table.proc-products > tfoot > tr > td, .table.proc-products > tfoot > tr > th, .table.proc-products > thead > tr > td, .table.proc-products > thead > tr > th {
    padding: 2px 4px 2px 4px !important;
}

.tree-classic {
    font-size: 15px
}

    .tree-classic li {
        position: relative;
        padding: 5px 0 5px 20px;
        line-height: 20px;
    }

        .tree-classic li a {
            margin-right: 5px
        }

        .tree-classic li.tree-collapsed i.tree-branch-head {
            padding: 1px 5px 1px 0px !important;
            background: none !important;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

            .tree-classic li.tree-collapsed i.tree-branch-head:before {
                content: "\f07b";
            }

        .tree-classic li.tree-expanded i.tree-branch-head.a3 {
            padding: 1px 5px 1px 0px !important;
            background: none !important;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

            .tree-classic li.tree-expanded i.tree-branch-head.a3:before {
                content: "\f07c";
            }

        .tree-classic li.tree-leaf i.tree-leaf-head {
            padding: 1px 5px 1px 0px !important;
            background: none !important;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

            .tree-classic li.tree-leaf i.tree-leaf-head:before {
                content: "\f0f6";
            }

div.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
    }

.sweet-alert button, .toggle-switch, .tree-classic .btn {
    border-radius: 0px !important
}

.label-grey {
    background-color: #6c757d;
}

.label-orange-active {
    background-color: #ff7702
}

.label-red {
    background-color: #ff0000;
    /*color: #333*/
}

.label-fuchsia {
    background-color: #ff00a8;
}

.label-green-soft {
    background-color: #68ED86
}

.label-yellow-soft {
    background-color: #FFFDD2;
    color: #333
}

.label-red-soft {
    background-color: #EBC2C2;
    color: #333
}

.plan-cust-form-wrapper td.action-buttons-lineitem, .box-body .plan-cust-form-wrapper table.table-align-middle-cm > tbody > tr > td.action-buttons-lineitem {
    padding-bottom: 5px !important
}

.plan-cust-form-wrapper .check, .plan-cust-form-wrapper .check-all {
    text-align: center
}

    .plan-cust-form-wrapper .check input[type=checkbox], .plan-cust-form-wrapper .check-all input[type=checkbox] {
        width: 20px;
        height: 20px;
    }


.plancat .tooltip {
    left: -60px !important
}

    .plancat .tooltip .tooltip-inner {
        max-width: 600px
    }

.dash-wrapper {
}

    .dash-wrapper .small-box > .small-box-footer span {
        /*vertical-align: text-bottom*/
    }

.dash-ekapy-plannning-wrapper .panel-heading {
    background-color: #dce3e8;
    border-bottom: 1px solid transparent;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

    .dash-ekapy-plannning-wrapper .panel-heading.panel-heading-categories {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

.product-img img {
    width: 50px;
    height: 50px;
}

.custom-font-sup {
    font-weight: bold;
    color: #2063a5
}

.dropdown-multiselect {
    width: 100%
}

    .dropdown-multiselect button {
        width: 100%;
        text-align: left;
        font-size: 15px;
        color: #555;
        height: 34px;
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

        .dropdown-multiselect button.btn .caret {
            float: right;
            margin-top: 8px;
        }

    .dropdown-multiselect .form-inline-cm label {
        color: #555;
    }

    .dropdown-multiselect ul li .checkbox input[type=checkbox] {
        vertical-align: top;
    }


/* .table.table-cm > tbody > tr > td.action-buttons-lineitem,
    .table.table-cm > tfoot > tr > td.action-buttons-lineitem,
    .table.table-cm > thead > tr > td.action-buttons-lineitem {
        padding-top: 0px !important
    }*/
/*******    START MEDIA QUERIES     *******/
@media (min-width: 1300px) {
    .wrapper-content-ext .container {
        width: 1370px;
    }
}


/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .hero-text {
        width: 23.55em !important;
    }

    .hero-photo-mask .bgImage {
        background-image: url('/Template/images/page/computer-1149148_2560_1440.jpg')
    }
}
/* ----------- END iPad Pro ----------- */

@media (min-width: 1200px) and (max-width: 1300px) {
    .hero-photo .hero-photo-mask {
        right: -35%
    }

    .hero-photo-mask .bgImage {
        background-image: url('/Template/images/page/computer-1149148_1280.jpg')
    }
}

@media (min-width: 981px) and (max-width: 1199px) {
    .hero-photo .hero-photo-mask {
        height: 100%;
        -webkit-transform: skew(22.5deg);
        -ms-transform: skew(22.5deg);
        transform: skew(22.5deg);
        width: 70%;
        margin-left: 0;
        right: -30%;
        top: 0;
        bottom: 0;
    }

    .hero-photo-mask .bgImage {
        -webkit-transform: skew(-22.5deg);
        -ms-transform: skew(-22.5deg);
        transform: skew(-22.5deg);
        margin-left: -40%;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        background-position: right inherit;
    }
}

@media (min-width: 980px) and (max-width: 990px) {
    .hero-text {
        width: 25em !important
    }

    .hero-photo .hero-photo-mask {
        right: -35%
    }

    .hero-photo-mask .bgImage {
        margin-left: -48%;
        background-image: url('/Template/images/page/computer-1149148_h700.jpg');
    }
}

@media (max-width: 980px) {
    .login-form-wrapper {
        margin-top: 0;
    }

    .logo-text-sm {
        letter-spacing: 0;
        font-size: 15px;
    }

    .footer-ext {
        position: absolute;
        bottom: 0;
    }

    .hero-text {
        width: 100% !important
    }

    .hero-photo {
        display: none
    }

    /*td.action-buttons-lineitem, .action-buttons-lineitem {
        width: 55% !important
    }*/

}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    /* CSS */
    .skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {
        margin-left: 2px;
        height: 40px;
        margin-top: 5px;
    }

    .main-header .logo img {
        height: 35px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .navbar-header-title {
        font-size: 16px;
    }

    .main-header .navbar-custom-menu .navbar-nav > li > a, .main-header .navbar-right .navbar-nav > li > a {
        padding: 10px;
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* CSS */
    /*.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {
        margin-left: 0px;
        height: 40px;
        margin-top: 5px;
    }
    .navbar-header-title {
        font-size: 18px;
    }

    .main-header .navbar-custom-menu .navbar-nav > li > a, .main-header .navbar-right .navbar-nav > li > a {
        padding: 10px;
    }*/
}


@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-header .logo {
        margin-left: -3px;
    }

    .form-horizontal-cm .control-label {
        line-height: 10px;
        text-align: left;
        font-size: 12px;
        white-space: nowrap;
    }

    .form-horizontal-cm select.form-control {
        padding-left: 3px;
    }

    .form-horizontal-cm .form-group-cm-filters .btn {
        padding: 5px;
    }

    .form-horizontal-cm .col-xs-3 {
        padding-right: 0;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */

}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    /* CSS */
    .main-header .logo, .main-header .navbar {
        /*width: 100%;*/
        float: left;
    }

    .navbar-header-title {
        display: inline-block;
        margin-top: 5px;
        font-size: 12px;
    }

    .main-header .navbar-custom-menu .navbar-nav > li > a, .main-header .navbar-right .navbar-nav > li > a {
        padding: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {
        margin-left: 5px;
        height: 30px;
        margin-top: 0px;
    }

    .main-header .logo img {
        height: 30px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .content-header {
        padding: 30px 15px 0 15px;
    }

    .actions-grid-wrapper .col-xs-6 {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .header-nav .logo.logo-ext {
        display: block;
        text-align: center;
        margin: 10px 0px 10px 0px;
    }

    .header-navigation {
        float: none !important;
        text-align: center;
    }

    .header-menu li {
        padding: 0;
    }

        .header-menu li span {
            padding-left: 0;
            padding-right: 0;
        }

    .hero-text {
        position: relative;
        width: 100% !important;
        padding: 15px;
    }

    .footer-ext {
        text-align: center;
        height: auto;
        padding: 10px 0 10px 0 !important;
    }

        .footer-ext .date {
            float: none
        }

    /*
    td.action-buttons-lineitem, .action-buttons-lineitem {
        width: 20%
    }*/
}



@media (max-width: 320px) {

    .header-nav .container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .logo-text {
        margin-top: 5px;
    }

    .header-menu li a {
        padding: 3px;
    }

    .footer-ext {
        text-align: center;
    }

        .footer-ext .date {
            float: none
        }
}


/***** END MEDIA QUERIES *******/

/******* Start Freezed Table *******/

.freezed-table {
    width: 100%;
    min-width: 300px;
    margin-bottom: 0
}

    .freezed-table thead th {
        white-space: nowrap;
    }

        .freezed-table thead th.freezed-sticky-col {
            top: 63px;
            border: none;
            display: block;
            border: 1px solid #ddd !important;
            border-left: none !important;
            white-space: nowrap;
            right: 0;
            position: absolute;
            height: 35px;
            width: 120px;
            /*width:100%;*/
        }

            .freezed-table thead th.freezed-sticky-col.dc {
                width: 170px;
            }

    .freezed-table tbody td {
        white-space: nowrap;
    }

.freezed-tbl-wrapper {
    position: relative;
}

.freezed-tbl-scroller {
    margin: 0 109px 10px 0;
    overflow-x: scroll;
    overflow-y: visible;
}

    .freezed-tbl-scroller.dc {
        margin: 0 169px 10px 0;
    }

.freezed-table .freezed-sticky-col {
    padding-bottom: 1px !important;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    right: 0;
    position: absolute;
    top: auto;
    width: 110px;
}

    .freezed-table .freezed-sticky-col.dc {
        width: 170px;
    }

.freezed-table tr:last-child .freezed-sticky-col {
    border-bottom: 1px solid #ddd;
}


.secretary-requests-wrapper .freezed-tbl-scroller {
    margin: 0 224px 10px 0;
}

.secretary-requests-wrapper .freezed-table .freezed-sticky-col {
    width: 225px;
    padding-left: 8px !important;
    padding-right: 8px !important;
}


.request-drugs-wrapper .freezed-tbl-scroller, .drugs-history-wrapper .freezed-tbl-scroller {
    margin: 0 39px 10px 0;
}

.request-drugs-wrapper th.freezed-sticky-col, .request-drugs-wrapper td.freezed-sticky-col, .drugs-history-wrapper th.freezed-sticky-col, .drugs-history-wrapper td.freezed-sticky-col {
    width: 40px;
}

.request-drugs-wrapper .freezed-table thead th.freezed-sticky-col, .drugs-history-wrapper .freezed-table thead th.freezed-sticky-col {
    top: 10px
}

.request-drugs-wrapper .freezed-table .freezed-sticky-col {
    padding-bottom: 2px !important;
    padding-top: 3px !important;
}

.request-drugs-wrapper .freezed-tbl-scroller.dc {
    margin: 0 144px 10px 0;
}

.request-drugs-wrapper th.freezed-sticky-col.dc, .request-drugs-wrapper td.freezed-sticky-col.dc {
    width: 145px;
    min-height: 26px
}

.drugs-history-wrapper .freezed-table .freezed-sticky-col {
    padding-bottom: 2px !important;
    padding-top: 3px !important;
}


.patient-request-history-wrapper {
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 0;
}

.patient-request-history-wrapper-header {
    float: left;
    width: 100%;
    display: block;
    border-bottom: 2px solid #ddd;
    font-weight: bold;
}

.patient-request-history-wrapper-header {
    padding-top: 8px;
    padding-bottom: 8px;
}

.patient-request-history-wrapper-body {
    float: left;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ddd;
}

.patient-request-history-inner-body div {
    padding-top: 2px;
    min-height: 24px;
}

    .patient-request-history-inner-body div.clearfix-cm {
        padding-top: 0px;
        border-bottom: none;
        min-height: 0px;
    }


.box-drugs-history {
    margin: 5px;
}

    .box-drugs-history .box-body {
        padding-top: 0;
        padding-bottom: 0;
    }

    .box-drugs-history .box-main-content-cm {
        border-top: 2px solid green;
        border-top-color: green;
    }


.patient-request-history-wrapper .increment {
    width: auto;
    max-width: 30px;
    min-width: 30px
}

.patient-request-history-wrapper .col-sm-1-cm {
    width: auto;
}

    .patient-request-history-wrapper .col-sm-1-cm button {
        margin: 0px !important
    }

.patient-request-history-wrapper-header div {
    padding-left: 2px;
    padding-right: 2px;
}

.patient-request-history-inner-body div {
    padding-left: 2px;
    padding-right: 2px;
}

@media (max-width: 980px) {
    .freezed-table thead th.freezed-sticky-col {
        top: 89px;
    }

    .patient-request-history-wrapper .col-sm-1-cm button {
        margin: 0px !important
    }
}

/*@media (min-width: 768px) and (max-width: 980px) {
    .patient-request-history-wrapper-header div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .patient-request-history-inner-body div {
        padding-left: 5px;
        padding-right: 5px;
    }
}*/

/*@media (max-width: 980px) {
    .patient-request-history-wrapper-header div {
        padding-left: 2px;
        padding-right: 2px;
    }

    .patient-request-history-inner-body div {
        padding-left: 2px;
        padding-right: 2px;
    }
}*/

@media (max-width: 768px) {
    .patient-request-history-wrapper-header div {
        float: left;
        padding-left: 2px;
        padding-right: 2px;
    }

    .patient-request-history-inner-body div {
        float: left;
        padding-left: 2px;
        padding-right: 2px;
    }

    .box-drugs-history .box-main-content-cm {
        float: none;
        clear: both
    }
}

/******* End Freezed Table *******/