/* MAIN */
@import url("../plugins/metismenu/metisMenu.min.css");
@import url("../plugins/bootstrap/css/bootstrap.min.css");
@import url("../plugins/semantic/semantic.min.css");

/* FONT */
@import url("../plugins/fontawesome/css/font-awesome.min.css");
@import url("../plugins/themify/themify-icons.css");
@import url("../plugins/ionicons/css/ionicons.min.css");

/* TABLE */
/*@import url("../plugins/datatables/css/jquery.dataTables.min.css");*/
@import url("../plugins/datatables/css/dataTables.semanticui.min.css");
@import url("../plugins/datatables/css/responsive.semanticui.min.css");

/* OTHERS */
@import url("../plugins/sweetalert/sweetalert.css");
@import url("../plugins/toastr/toastr.min.css");
@import url("../plugins/redactor/redactor.css");
@import url("../plugins/dropzone/dropzone.css");

/* CSS MODULE */
a:focus, a:active{
    text-decoration: none;
}
a.red{
    color: #db2828;
}
.loader-done{
	display: none;
}
.loader{
	position: fixed;
    z-index: 1080;
    width: 100%;
    height: 100%;
    border: none;
	background: #000000;
}
.module-left-aside{
    float: left;
    width: 250px;
}
.module-left-container{
    display: block;
    position: fixed;
    width: 250px;
    height: 100%;
    background-color: #131A1E;

    padding-top: 50px;
}
.module-left-title{
    background-color: #1C57E1;
    height: 50px;
    width: 250px;
    position: fixed;
    z-index: 999;
}
.module-left-title img{
    float: left;
    width: 30px;
    height: 30px;
    margin: 10px 10px;
}
.module-left-title span{
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    text-align: center;
    padding: 15px 10px;
}
.module-left-nav ul{
    list-style: none;
    padding: 0;
}
.module-left-nav li > a{
    display: block;
    color: #E6E6E6;
    width: 250px;
    padding: 10px 10px;
}
.module-left-nav li > a:hover{
    background-color: #1d2734;
    text-decoration: none;
}
.module-left-nav li > a > i{
    margin-right: 10px;
}
.module-left-nav .active{
    background-color: #1d2734;
}

.module-left-list ul{
    list-style: none;
    padding: 0;
}
.module-left-list li > a{
    display: block;
    color: #131A1E;
    width: 250px;
    padding: 10px 10px;
}
.module-left-list li > a:hover{
    background-color: #E1F2F9;
    text-decoration: none;
}
.module-left-list li > a > i{
    margin-right: 10px;
}
.module-left-list .active{
    background-color: #E1F2F9;
}

.module-left-dropdown{
    background-color: #0F0F0F;
}
.module-left-dropdown li > a{
    padding-left: 55px;
}
.module-left-dropdown li > a:hover, 
.module-left-dropdown li > a:active, 
.module-left-dropdown li > a:focus,
.module-left-dropdown > .active{
    background-color: #000000;
    text-decoration: none;
}
.module-left-bars{
    color: #ffffff;
    float: left;
    margin: 15px 10px;
    cursor: pointer;
    display: none;
    font-size: 20px;
}
.module-left-bars-list{
    margin-top: 10px;
}
.module-bar-patient{
    display: none;
}
.module-bar-patient-open{
    display: none;
}
.module-left-profile{
    background: #597DF7;
    height: 55px;
    width: 250px;
    position: fixed;
    z-index: 999;
}
.module-left-profile img{
    float: left;
    width: 37px;
    height: 37px;
    background-color: #000;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 100%;
    margin: 10px 13px 10px 10px;
}
.module-left-profile span{
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    display: block;
    line-height: 1.2em;
    padding: 10px 5px 0px 0px;
}
.module-left-profile small{
    color: #ffffff;
    font-style: italic;
}
.module-left-profile a{
    color: #ffffff;
    float: right;
    margin-right: 10px;
    display: block;
    line-height: 4em;
    align-items: center;
}

.module-content-container{
    margin-left: 250px;
    display: flex;
}
.module-content-left{
    background: #F8F9FB;
    display: block;
    position: fixed;
    width: 250px;
    height: 100%;
    z-index: 999;
}
.module-content-left h4{
    height: 50px;
    background: #597DF7;
    padding: 15px 10px;
    width: 250px;
    position: fixed;
    z-index: 999;
    color: #ffffff;
    margin-bottom: 0px;
}
.container-left{
    margin-left: 250px;
}

.img-logo{
    width: 100%;
    height: 260px;
}
.img-logo img{
    /*padding: 10px 15px 10px 15px;*/
    width: 100%;
    align-items: center;
    overflow: hidden;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.preview-img{
    margin-top: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    min-height: 300px;
    display: inline-block !important;
    width: 100%;
}
.preview-img img, .preview-img video{
    float: left;
    margin-right: 5px;
    border: 1px solid #eee;
    height: 150px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.preview-img a:hover{
    
}
.preview-img .img-item{
    float: left;
}
.preview-img .img-item:hover .img-link{
    display: block;
}
.preview-img .img-item > .img-link{
    position: relative;
    text-align: center;
    bottom: 6.4em;
    height: 0px;
    display: none;
}

.preview-img .img-item > .img-link .edit{
    padding: 5px 7px;
    background: rgba(27, 163, 156, 0.73);
    border-radius: 50px;
    margin-right: 5px;
    color: #fff;
}
.preview-img .img-item > .img-link .edit:hover{
    background: rgb(27, 163, 156);
}
.preview-img .img-item > .img-link .delete{
    padding: 5px 7px;
    background: rgba(208, 51, 46, 0.73);
    border-radius: 50px;
    /*margin-left: 5px;*/
    color: #fff;
}
.preview-img .img-item > .img-link .delete:hover{
    background: rgb(208, 51, 46);
}

.box-image-big{
    width: 100%;
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border: 1px solid #eee;
}
.box-image-big a > img{
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;

}

.preview-big-img .box-image-big:hover .img-link{
    display: block;
}
.preview-big-img .box-image-big .img-link{
    position: absolute;
    text-align: center;
    bottom: 10.4em;
    height: 0px;
    display: none;
}

.preview-big-img .box-image-big > .img-link .edit{
    padding: 5px 7px;
    background: rgba(27, 163, 156, 0.73);
    border-radius: 50px;
    margin-right: 5px;
    color: #fff;
}
.preview-big-img .box-image-big > .img-link .edit:hover{
    background: rgb(27, 163, 156);
}
.preview-big-img .box-image-big > .img-link .delete{
    padding: 5px 7px;
    background: rgba(208, 51, 46, 0.73);
    border-radius: 50px;
    /*margin-left: 5px;*/
    color: #fff;
}
.preview-big-img .box-image-big > .img-link .delete:hover{
    background: rgb(208, 51, 46);
}


/** customize metismenu **/
.module-left-list .sidebar-nav{
    margin-top: 50px;
}
.sidebar-nav{
    margin-top: 60px;
}
.sidebar-nav-item{
    margin-left: 15px;
}
.sidebar-nav-heading{
    color: #3C8AB8;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.metismenu .has-arrow:after{
    width: .4em;
    height: .45em;
}

/** customize semanticui **/
.ui.accordion p{
    background: #F8F1CF;
    padding: 10px 10px 15px 10px;
}
.ui.segment, .ui.segment.form{
    background: #f7f7f7;
}

/** customize bootstrap **/
.breadcrumb{
    background-color: transparent;
    padding: 15px 0px;
}
@media (min-width: 1224px){
    .container {
        width: 1100px;
    }
}

/** customize datatable.semanticui **/
div.dataTables_wrapper div.dataTables_filter input{
    margin-left: 0px;
}
.dataTables_paginate{
    margin-top: 0.5em;
    float: right;
}
.dataTables_filter label{
    display: block;
}
.bottom > .col-md-6{
    padding: 0px;
}

/** customize semantic **/
.ui.pagination.menu .item{
    min-width: 2em;
    text-align: center;
    padding: .9em;
}


@media only screen and (min-width : 320px) and (max-width : 480px){
    .module-left-title{
        width: 100%;
    }
    .module-left-bars{
        display: block;
    }
    .module-left-container{
        z-index: 99;
        display: none;
    }
    .module-content-container{
        margin-left: 0px;
        padding-top: 50px;
    }

    .module-bar-patient{
        margin-top: 10px;
        display: block;
    }
    .module-bar-patient-open{
        display: block;
    }
    .module-content-left{
        z-index: 98;
        display: none;
    }
    .container-left{
        margin-left: 0px;
    }

    /** customize datatable.semanticui **/
    .dataTables_paginate{
        float: none;
        text-align: center;
    }
    .dataTables_info{
        text-align: center;
    }
}

@media only screen and (min-width : 480px) and (max-width : 768px){
    /** customize datatable.semanticui **/
    .dataTables_paginate{
        float: none;
        text-align: center;
    }
    .dataTables_info{
        text-align: center;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
    .module-left-title{
        width: 100%;
    }
    .module-left-bars{
        display: block;
    }
    .module-left-container{
        z-index: 99;
        display: none;
    }
    .module-content-container{
        margin-left: 0px;
        padding-top: 50px;
    }

    .module-bar-patient{
        margin-top: 10px;
        display: block;
    }
    .module-bar-patient-open{
        display: block;
    }
    .module-content-left{
        z-index: 98;
        display: none;
    }
    .container-left{
        margin-left: 0px;
    }
}

/* tabs (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    .module-left-title{
        width: 100%;
    }
    .module-left-bars{
        display: block;
    }
    .module-left-container{
        z-index: 99;
        display: none;
    }
    .module-content-container{
        margin-left: 0px;
        padding-top: 50px;
    }

    .module-bar-patient{
        margin-top: 10px;
        display: block;
    }
    .module-bar-patient-open{
        display: block;
    }
    .module-content-left{
        z-index: 98;
        display: none;
    }
    .container-left{
        margin-left: 0px;
    }

    /** customize datatable.semanticui **/
    .dataTables_paginate{
        float: none;
        text-align: center;
    }
    .dataTables_info{
        text-align: center;
    }
}
/* END OF MODULE */