a {
    cursor: pointer;
}

    a:hover,
    a:focus {
        text-decoration: none;
    }


.selectable, .selectable > * {
    -webkit-user-select: all; /* Chrome all / Safari all */
    -moz-user-select: all; /* Firefox all */
    -ms-user-select: all; /* IE 10+ */
    user-select: all !important;
}

.check-link {
    font-size: 16px;
}

    .check-link:focus {
        outline: none;
    }


.dropdown-menu {
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: outside none none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
}


/*DropDown*/

.dropdown-toggle.embed {
    margin-bottom: 0 !important;
}

.dropdown-menu.embed {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.55);
}

    .dropdown-menu.embed a {
        margin: 0 !important;
        opacity: 1;
        color: #FFFFFF !important;
    }

        .dropdown-menu.embed a:hover {
            background: transparent !important;
            // border:1px solid white;
            // border-radius:5px;
            opacity: 1;
            color: #dbdbdb !important;
        }

.dropdown-toggle.embed .borderGray {
    border: 2px solid #ececec !important;
}






.modal {
    z-index: 2050 !important;
}

.full-height {
    height: 100%;
}


.male {
    color: #01ADEF;
    font-size: 18px;
    font-weight: 600;
}

.female {
    color: #ED008C;
    font-size: 18px;
    font-weight: 600;
}


.lazur-bg {
    background-color: #23c6c8;
    color: #ffffff;
}

.green-bg {
    background-color: #1ab394;
    color: #ffffff;
}

.red-bg {
    background-color: #ed5565;
    color: #ffffff;
}

.yellow-bg {
    background-color: #f8ac59;
    color: #ffffff;
}

.dark-bg {
    background-color: rgba(117, 114, 98, 0.8);
    color: #ffffff;
}


.transparent {
    background-color: transparent !important;
}

.font-bold {
    font-weight: 600 !important;
}


.no-shadow {
    box-shadow: none !important;
}

.rotate45 {
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    color: #666666;
}

.rotate25 {
    -ms-transform: rotate(-25deg); /* IE 9 */
    -webkit-transform: rotate(-25deg); /* Chrome, Safari, Opera */
    transform: rotate(-25deg);
    color: #666666;
}


.orange-bg {
    background-color: #f8ac59;
    color: #ffffff;
}

.fh-column {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 100%;
    width: 240px;
}

.fh-breadcrumb {
    height: calc(100% - 196px);
    margin: 0 -15px;
    position: relative;
}


.file-manager h5, .files-container h5 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600 !important;
}

.files-container {
    min-height: 500px;
    overflow: auto;
    padding: 5px;
}

.files-footer {
    background: #f8f8f8 none repeat scroll 0 0;
    border-top: 1px solid #e7eaec;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    margin: 16px;
    padding: 8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.file-box {
    float: left;
    width: 220px;
}

    .file-box.small {
        width: 200px;
    }

.file {
    background-color: #ffffff;
    border: 1px solid #e7eaec;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 0;
    position: relative;
    overflow: hidden;
}

    .file.selected {
        border: 1px solid rgba(243, 139, 37, 0.66) !important;
        box-shadow: 0 0 10px rgba(243, 139, 37, 0.66);
        outline: 0 none !important;
    }


    .file .icon {
        padding: 15px 10px;
        text-align: center;
    }

    .file .preview {
        padding: 1px;
        text-align: left;
    }

    .file .icon, .file .image, .file .preview {
        height: 100px;
        overflow: hidden;
    }

        .file .icon i, .file .preview i {
            color: #dadada;
            font-size: 70px;
        }

        .file .icon.danger i {
            color: #d9534f;
        }

        .file .icon.success i {
            color: #5cb85c;
        }

        .file .icon.warning i {
            color: #f0ad4e;
        }

        .file .icon.info i {
            color: #5bc0de;
        }

        .file .icon.primary i {
            color: #337ab7;
        }

    .file .file-name {
        background-color: #f8f8f8;
        border-top: 1px solid #e7eaec;
        padding: 10px;
        font-weight: 600;
        color: #777;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        /*word-wrap: break-word;*/
    }

    .file:focus, .file a {
        outline: 0 none !important;
    }

.file-name small {
    color: rgba(117, 114, 98, 0.8);
    font-weight: normal;
}



.file-control.active {
    text-decoration: underline;
}

.file-control {
    color: inherit;
    font-size: 11px;
    margin-right: 10px;
}

.file-thumb {
    /*height:100%;*/
    width: 100%;
}


.file-marker {
    width: 5px;
    height: 100%;
    color: rgba(117, 114, 98, 0.66);
    font-size: 18px;
}

.file-fullsize {
    margin: 0;
    padding: 2px 0 !important;
}

.folder-list li {
    border-bottom: 1px solid #e7eaec;
    display: block;
}

    .folder-list li a {
        color: #666666;
        display: block;
        padding: 5px 0;
    }



    .folder-list li.active {
        font-weight: bold;
    }

.tag-list li {
    float: left;
}

ul.tag-list li {
    list-style: outside none none;
}

.tag-list li a {
    background-color: #f3f3f4;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    color: inherit;
    display: block;
    font-size: 10px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 12px;
}


.files {
    min-height: 275px;
    height: 275px !important;
    overflow: auto;
    padding-bottom: 10px;
}


.progressCircle {
    line-height: 1.2;
    text-align: center;
    position: relative;
    text-align: center;
    width: 50px;
}

    .progressCircle strong {
        left: 0;
        line-height: 40px;
        position: absolute;
        text-align: center;
        width: 100%;
    }


.corner {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #f1f1f1 #f1f1f1 transparent;
    border-image: none;
    border-style: solid;
    border-width: 0.6em;
    bottom: 0;
    display: inline-block;
    height: 0;
    line-height: 0;
    position: absolute;
    right: 0;
    width: 0;
}

.circle-border {
    border: 6px solid #ffffff;
    border-radius: 50%;
}


.side-corner-tag {
    /*position: relative;
		display: inline-block;
		padding: 5px;
		overflow: hidden;
		font-family: Arial, sans-serif;*/
    color: #fff;
    font-weight: 600;
}

    .side-corner-tag p {
        display: inline;
    }

        .side-corner-tag p span {
            position: absolute;
            display: inline-block;
            right: -25px;
            box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
            text-align: center;
            text-transform: uppercase;
            top: 22px;
            background: #f8f8f8; /* #d93131;*/
            width: 120px;
            color: #777;
            /*padding: 3px 10px;*/
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
        }

    .side-corner-tag.success p span {
        background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
        background-color: #5cb85c !important;
        color: #fff;
    }

    .side-corner-tag.primary p span {
        background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
        background-color: #337ab7 !important;
        color: #fff;
    }

    .side-corner-tag.danger p span {
        background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
        background-color: #d9534f !important;
        color: #fff;
    }

    .side-corner-tag.danger p span {
        background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
        background-color: #f0ad4e !important;
        color: #fff;
    }




.side-corner-tag2 p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}

.side-corner-tag2 p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}


/*Widget*/



.widget-count-icon {
    font-size: 125%;
    padding-right: 5px;
}

    .widget-count-icon + i {
        padding-right: 15px;
    }

    .widget-count-icon + span {
        padding-left: 45px;
    }


/*Progress*/
.progress-sm {
    height: 8px;
    margin-bottom: 2px;
}


/*To Do*/

.todo-list {
    font-size: 14px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

    .todo-list.small-list {
        font-size: 12px;
    }


    .todo-list > li {
        background: #f3f3f4 none repeat scroll 0 0;
        border-left: 6px solid #e7eaec;
        border-radius: 4px;
        border-right: 6px solid #e7eaec;
        color: inherit;
        margin-bottom: 2px;
        padding: 10px;
    }

    .todo-list.small-list > li {
        background: #f3f3f4 none repeat scroll 0 0;
        border-left: medium none;
        border-radius: 4px;
        border-right: medium none;
        color: inherit;
        margin-bottom: 2px;
        padding: 6px 6px 6px 12px;
    }

.todo-completed {
    text-decoration: line-through;
}


.widget .widget-tools.open > .dropdown-menu {
    left: auto;
    right: 0;
}


.count-info .label {
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 6px;
    top: 12px;
}



.label {
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none;
}

.panel {
    background-color: #fff;
    border: 1px solid #dce0e0;
    border-radius: 0;
}


.panel-dark, .panel-header {
    background-color: #edefed;
}

.panel-header {
    border-bottom: 1px solid #dce0e0;
    color: #565a5c;
    font-size: 16px;
    padding-bottom: 12px;
    padding-top: 12px;
    padding-left: 20px;
    margin: 0;
}

.space-4 {
    margin-bottom: 5px;
}

.space-10 {
    margin-bottom: 10px;
}


.space-15 {
    margin-bottom: 15px;
}



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

.form-collapse {
    margin-bottom: 1px !important;
}





/*Floating*/

.fixed-action-btn {
    margin-bottom: 0;
    padding-top: 15px;
    position: fixed;
    z-index: 998;
    transition: all 0.3s ease 0s;
}


.btn-floating::before {
    border-radius: 0;
}


.btn-floating {
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}



/*Input*/

input:disabled::-webkit-input-placeholder {
    color: transparent;
}

input:disabled::-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */
input:disabled:::-moz-placeholder {
    color: transparent;
}
/* FF 19+ */
input:disabled::-ms-input-placeholder {
    color: transparent;
}
/* IE 10+ */


/*Help*/

.help-block {
    color: #737373;
    margin-bottom: 2px;
    margin-top: 2px;
}


.form-control.success[disabled] {
    border: 1px solid #ccc !important;
}



.form-control-sm {
    height: inherit;
    line-height: inherit;
    padding: 1px 10px;
    width:100% !important; /*update*/
}


.no-help-block .help-block {
    display: none !important;
}



/*Tables*/

.table-start-section {
    background-color: white !important;
}

    .table-start-section td {
        border-top: 1px solid rgba(117,114,98,0.5) !important;
    }

.table-end-section td {
    /* border-top:2px dashed !important;*/
}



/**/
.fileinput-button input {
    width: 80px !important;
    height: 80px !important;
}



/*Menu*/

.dropdown-menu {
font-family: open sans;
}

.dropdown-menu.ui-menu li a:hover {
background-image:none;
background-color:transparent;
}

.dropdown-menu .ui-menu-item{
    padding:0;
    font-family: open sans;
}


.dropdown-menu .divider {
    border-color: #e5e5e5;
 margin: 5px 0;
}


/*DropZone*/

.dropzone::before {
    color: rgba(105, 105, 105, 0.1);
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 15em;
    height: 100%;
    left: 10px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-align: center;
    vertical-align: middle;
    width: calc(100% - 20px);
}


.dropzone {
    border:2px dashed  rgba(105, 105, 105, 0.33);
}
.dropzone.in {
    width: 600px;
    height: 200px;
    line-height: 200px;
    font-size: larger;
}
.dropzone.hover {
    background: rgba(92,184,92,0.33);
}
.dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}



.failure {
    background: #ffecec url('../media/failurex48.png') no-repeat 10px 50% / 18px 18px;
    border: 1px solid #f5aca6;
}

.success {
    background: #e9ffd9 url('../Media/successx48.png') no-repeat 10px 50% / 18px 18px;
    border: 1px solid #a6ca8a;
}

.warning {
    background: #fff8c4 url('../media/warningx48.png')no-repeat 10px 50% / 18px 18px;
    border: 1px solid #f2c779;
}

.notice {
    background: #e3f7fc url('../media/dlg_info.png') no-repeat 10px 50% / 18px 18px;
    border: 1px solid #aed0ea;
    //#8ed9f6;
}

.wait {
    background: #e3f7fc url('../media/loadingcolor.GIF') no-repeat 10px 50% / 18px 18px;
    border: 1px solid #04719a;
}