ul.disc, ol.disc {
    list-style: disc;
    padding: 0 0 10px 40px;
}

.form-modal .form-text {
    width: 100% !important;
    background: #fff !important;
    padding: 0 15px !important;
    position: relative !important;
    border: 2px solid transparent !important;
    color: #019dd1 !important;
    line-height: 50px !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px;
    -webkit-transition: border .4s ease-in-out;
    -moz-transition: border .4s ease-in-out;
    -o-transition: border .4s ease-in-out;
    transition: border .4s ease-in-out;
}

    .form-modal .form-text.error {
        border: 2px solid #e9acab !important;
        color: #fff !important;
        background: #e9acab !important;
    }

.form-modal .ms-container .ms-selectable, .ms-container .ms-selection {
    background: transparent !important;
}

.form-modal input.search-input {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.5;
    color: #515365;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #eeedee;
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-modal .ms-container {
    width: 100%;
}

    .form-modal .ms-container .ms-selectable,
    .form-modal .ms-container .ms-selection {
        width: 48%;
    }

        .form-modal .ms-container .ms-selectable li.ms-elem-selectable,
        .form-modal .ms-container .ms-selection li.ms-elem-selection {
            padding: 5px 10px;
            font-size: 12px;
        }

            .form-modal .ms-container .ms-selectable li.ms-elem-selectable.ms-hover, .form-modal .ms-container .ms-selection li.ms-elem-selection.ms-hover {
                padding: 10px;
            }

    .form-modal .ms-container .ms-list {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        border: 1px solid #eeedee;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .form-modal .ms-container .ms-list {
        background: #fff !important;
    }

.ms-selection a, .ms-selectable a {
    width: 100%;
    min-height: 19px;
    font-size: 13px;
    white-space: nowrap;
    color: #888fab;
    /*margin: 10px 0 0 10px;*/
    margin-top: 10px;
}

span.error-text {
    display: block;
    padding: 0 0 10px 10px;
}

#btnTagSave {
    margin-left: 20px;
    position: absolute;
}



.w-document-menu a[filter-type] {
}

.w-document-menu a.active {
    color: #1f1f1f;
}

/*
#cboxLoadedContent {
    background: #f4f4f4 !important;
}
*/
#cboxClose {
    display: none;
}

a[close] {
    margin-left: 15px;
}

.cropper-panel {
    width: 600px;
    height: 300px;
    max-height: 500px;
    max-width: 80%;
    display: block;
    position: relative;
    display: none;
}

.w-hdr-logo a img {
}


.w-user-button {
    position: absolute;
    display: none;
    margin: 0 !important;
}

.w-profile-big-img .w-user-button {
    right: 30px !important;
    top: 30px !important;
}

.ws-user-img .w-user-button {
    left: 20% !important;
    top: 25% !important;
}

.modules-general-page-title h1 {
    padding: 0 0 25px 0;
    margin-bottom: 25px;
    border-bottom: 2px solid #eeedee;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    color: #515365;
}

    .modules-general-page-title h1::before {
        width: 5px;
        height: 30px;
        position: absolute;
        bottom: 50%;
        left: -1em;
        content: "";
        display: block;
        background-color: #00BBE5;
    }



#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 16px;
        top: 13px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: rgba(0, 0, 0, 0.9);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 5px;
        }

[create-content] .ms-container, [create-content-category] .ms-container {
    width: 100%;
}

[create-content] .delete-uploaded-image {
    color: #ED1C24;
    margin-top: 10px;
}

.modules-general-corporateSlider {
    width: 100%;
    /*padding: 0 15px;*/
}

    .modules-general-corporateSlider .owl-carousel .owl-nav .owl-prev, .modules-general-corporateSlider .owl-carousel .owl-nav .owl-next {
        display: none;
    }

    .modules-general-corporateSlider .owl-dots {
        display: block;
        padding: 25px 0px 0px 0px;
        text-align: center;
        position: absolute;
        width: 100%;
        margin: auto;
        bottom: 2%;
        opacity: 0;
    }

        .modules-general-corporateSlider .owl-dots.active {
            opacity: 1;
        }

        .modules-general-corporateSlider .owl-dots .owl-dot.active, .w-news-slider .wns-slider .owl-dots .owl-dot:hover {
            background-color: #7c5ac2;
        }

        .modules-general-corporateSlider .owl-dots .owl-dot {
            display: inline-block;
            width: 13px;
            height: 13px;
            margin: 0 5px;
            background: #eeedee;
            cursor: pointer;
            border-radius: 10px;
        }

.modules.modules-content-management-detail-description ul li {
    list-style-type: disc;
    margin-left: 20px;
}

.w-videoplayer .wv-box .wv-list li {
    padding-top: 10px !important;
    padding: 20px 10px 15px 10px;
}

    .w-videoplayer .wv-box .wv-list li.active {
        background: #ededed;
    }

.w-news-slider .wns-slider .item .img-content {
    padding: 0 0 10px 0;
}

.w-news-slider .wns-slider .item .name-date {
    padding-bottom: 5px;
}

.w-box .w-b {
    display: block;
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 700;
    color: #515365;
}

div#UC-13281 .w-news-slider .wns-slider .item .img-content img {
    display: none;
}

.w-birthday-slider .item a span {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 3;
}

.title-1.green::before, .title-2.green::before {
    background-color: #24b47e;
    width: 100%;
    display: none;
}

.title-1.green span {
    background: #24b47e;
    padding: 13px 10px 10px 10px;
    color: #fff;
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
    font-size: 18px;
}

.owl-carousel {
    padding: 0px 2px;
}

.w-form-container-2 .form-container > ul > li > div {
    padding: 5px 15px;
    border-left: 1px solid #dedede;
    background-color: #ffffff;
}

.w-form-container-2 .form-container > ul > li > label {
    width: 100%;
    padding: 15px 15px;
    margin: 0px;
    font-size: 13px;
    text-align: center;
}


.modules-content-management-breaking-news .w-flash-news,
.modules-content-management-breaking-news .w-flash-news .fn-title {
    background-color: #ED1C24;
}

    .modules-content-management-breaking-news .w-flash-news * {
        color: #f1f1f1;
        font-size: 15px !important;
    }

    .modules-content-management-breaking-news .w-flash-news .fn-title {
        padding: 10px 30px;
        font-size: 16px;
    }

    .modules-content-management-breaking-news .w-flash-news .fn-box {
        padding: 6px 20px 0 20px;
    }

    .modules-content-management-breaking-news .w-flash-news .owl-nav > div {
        border: none;
    }

        .modules-content-management-breaking-news .w-flash-news .owl-nav > div:hover {
            border: 1px solid #eeedee;
        }

    .modules-content-management-breaking-news .w-flash-news .owl-nav > div {
        top: 55%;
    }

    .modules-content-management-breaking-news .w-flash-news .fn-box .owl-stage-outer .item {
        padding: 5px 70px;
    }

        .modules-content-management-breaking-news .w-flash-news .fn-box .owl-stage-outer .item .fn-date {
            padding: 0 0 0 10px;
        }

.modules-content-management-slider-image-text .w-box .w-b,
.modules-content-management-slider-image-text-2 .w-box .w-b,
.modules-content-management-slider-image-text-3 .w-box .w-b,
.modules-content-management-slider-image-text-4 .w-box .w-b,
.modules-content-management-rss-slider .w-box .w-b,
.modules-content-management-vertical-list .w-box .w-b {
    font-size: 15px;
}

.modules-content-management-slider-image-text .w-news-slider .wns-slider .item p,
.modules-content-management-slider-image-text-2 .w-news-slider .wns-slider .item p,
.modules-content-management-slider-image-text-3 .w-news-slider .wns-slider .item p,
.modules-content-management-slider-image-text-4 .w-news-slider .wns-slider .item p,
.modules-content-management-rss-slider .w-news-slider .wns-slider .item p {
    font-size: 13px;
    color: #010101;
}

.w-hdr-search .button {
    padding: 9px;
    background-color: #fff;
    font-size: 18px;
    color: #515365;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 17px;
    border-radius: 50px;
}

.w-hdr-user .user-menu .user-nav {
    /*width: 100%;*/
}

.mag-inner {
    margin-bottom: 15px;
}

.mag-innert-left {
    background-color: #fff;
    padding: 1em 1em;
    border: 1px solid rgba(231,231,231,1.00);
}

h3.tittle, h2.tittle {
    background-color: #ee5656;
    padding: 0.8em 1em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1em;
    margin-bottom: 1em;
    text-align: left;
}

    h3.tittle i, h2.tittle i {
        color: #fff;
        font-size: 1em;
        margin-right: 0.5em;
        vertical-align: baseline;
    }

.tech-img {
    padding: 0;
    float: left;
}

.tech-text {
    float: right;
    padding: 0 0 0 15px;
    width: 100%;
}

.tech-text-2 {
    float: left;
}

.editor-pics {
    margin-bottom: 2.25em;
}

.item-pic {
    padding: 0;
    float: left;
}

.item-details {
    padding-right: 0;
    float: left;
}

.inner.two {
    float: left;
    width: 100%;
}

h5.inner.two a {
    color: #282828;
    font-weight: bold;
    text-transform: none;
    font-size: 1.1em;
    height: 75px;
    position: absolute;
    float: left;
    width: 100%;
}

    h5.inner.two a:hover {
        color: #ee5656;
    }

.editor-pics:hover {
    color: #ee5656;
}

.tech-text :hover {
    color: #ee5656;
}

.editor-pics :hover {
    color: #ee5656;
}

.td-post-date.two, .td-post-date.two a {
    color: #B5B5B5;
    display: block;
    float: left;
}

.tech-img span {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    color: #fff;
    padding: 20px;
    background: rgba(0, 0, 0, 0.54);
}

/* vertical-list-with-image-2 */
.w-vertical-list {
    background-color: #fff;
    padding: 1em 1em;
    border: 1px solid rgba(231,231,231,1.00);
    width: 100%;
    margin: 1em 0;
}

    .w-vertical-list .row {
        padding: 0 1em;
    }

    .w-vertical-list .title-3 {
        width: 100%;
    }
    /*
    .w-vertical-list .title.white {
        background-color: #ffffff;
        color: #515365;
    }

    .w-vertical-list .title.gray, .w-vertical-list .title.grey {
        background-color: #eeedee;
        color: #515365;
    }

    .w-vertical-list .title.red a, .mag-inner .title-3.red a{
        color: #ee5656;
    }

    .w-vertical-list .title.red, .mag-inner .title-3 {
        border-bottom-color: #ee5656;
    }

    .w-vertical-list .title.red span, .mag-inner .title-3 span{
        background-color: #ee5656;
    }

    .w-vertical-list .title.blue {
        background-color: #2faefb;
    }

    .w-vertical-list .title.purple {
        background-color: #7c5ac2;
    }

    .w-vertical-list .title.yellow {
        background-color: #ffdc1b;
        color: #515365;
    }

    .w-vertical-list .title.orange {
        background-color: #f0ad4e;
    }

    .w-vertical-list .title.green {
        background-color: #24b47e;
    }
*/
    .w-vertical-list .title i {
        color: #fff;
        font-size: 1em;
        margin-right: 0.5em;
        vertical-align: baseline;
    }

    .w-vertical-list .content-list {
        width: 100%;
        float: left;
    }

    .w-vertical-list .item {
        margin-bottom: 1.25em;
        display: -webkit-box;
    }

        .w-vertical-list .item:last-child {
            margin-bottom: 0;
        }

        .w-vertical-list .item a {
            width: 100%;
            padding-bottom: 1.25em;
            border-bottom: 1px solid #ccc;
        }

        .w-vertical-list .item:last-child a {
            border: none;
        }

        .w-vertical-list .item .image-area {
            float: left;
        }

        .w-vertical-list .item img {
            width: 100%;
        }

        .w-vertical-list .item .text-area {
            color: #282828;
            padding-top: 1em;
            float: left;
        }

        .w-vertical-list .item:first-child .col-md-12.text-area {
            padding-top: 0;
        }



        .w-vertical-list .item .text-area h4 {
            width: 100%;
            font-weight: bold;
            text-transform: none;
            font-size: 16px;
            line-height: 22px;
            transition: color .5s ease;
            -webkit-transition: color .5s ease;
        }

        .w-vertical-list .item .text-area .date {
            color: #282828;
        }

        .w-vertical-list .item a:hover .text-area {
            color: #ee5656;
        }

.file-upload-wrapper {
    position: relative;
    margin-bottom: 5px;
    float: right;
}

.file-upload-wrapper {
    position: relative;
    margin-bottom: 5px;
    margin-top: 5px;
}

label.fotoadi {
    width: 25%;
    height: 100%;
    background-color: #ededed;
    text-align: right;
    padding: 10px;
}

div#adres {
    width: 100%;
}

#adres label {
    width: 12%;
    height: 100%;
    background: #ededed;
}

#adres textarea {
    width: 86%;
}

.modules-member-create-member {
    padding-top: 15px;
}

[create-member] .ref-chart h3 {
    line-height: 50px;
    padding: 0 0 0 25px;
    margin: 0;
}

[eflow] {
    display: none;
    padding-top: 20px;
}

    [eflow] span:first-child {
        position: absolute;
    }

.checkbox {
    padding: 0 20px 0 20px;
    height: 50px;
    float: left;
}

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

    .checkbox input[type=radio] + label::before {
        border-radius: 50%;
    }

    .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #555555;
    }

    .checkbox input {
        opacity: 0;
        z-index: 1;
    }

        .checkbox input:checked + label::after {
            font-family: "FontAwesome";
            content: "\f00c";
        }

.checkbox-primary input:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input:checked + label::after {
    color: #fff;
}

.checkbox li {
    float: left;
    padding-right: 40px;
}


.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    margin-top: 30px;
}

div#kaydetbtn {
    margin-top: 20px;
}

.custom-file-upload label {
    display: block;
    margin-bottom: 5px;
}

.file-upload-wrapper {
    position: relative;
    margin-bottom: 5px;
}

.file-upload-input {
    width: 270px;
    color: #fff !important;
    font-size: 16px !important;
    padding: 5px 17px !important;
    border: none !important;
    background-color: #7c5ac2 !important; /*#c0392b*/
    -moz-transition: all 0.2s ease-in !important;
    -o-transition: all 0.2s ease-in !important;
    -webkit-transition: all 0.2s ease-in !important;
    transition: all 0.2s ease-in !important;
    float: left !important;
    /* IE 9 Fix */
}

    .file-upload-input:hover, .file-upload-input:focus {
        background-color: #63479b !important; /*#ab3326*/
        outline: none !important;
    }

.file-upload-button {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 20px;
    border: none;
    margin-left: -1px;
    background-color: #63479b !important; /*#962d22 ab3326*/
    float: left;
    /* IE 9 Fix */
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .file-upload-button:hover {
        background-color: #473370 !important; /*#6d2018*/
    }

.error-text {
    float: left;
    width: 100%;
    left: 0;
}

.containerTableStyle {
    overflow-y: auto;
    max-height: 400px;
}

.documents-tree {
}

    .documents-tree tr {
        height: 40px;
    }

    .documents-tree td {
        vertical-align: middle;
    }

.document-file-box.col-box .pdf-icon::before, .document-file-box.col-box .exel-icon::before, .document-file-box.col-box .word-icon::before, .document-file-box.col-box .pwp-icon::before, .document-file-box.col-box .folder-icon::before, .document-file-box.col-box .img-icon::before {
    font-size: 24px;
}

.document-file-box.col-box > ul li .file-name {
    text-align: right;
    width: 60%;
    float: right;
    padding: 15px 0px 15px 0px;
    right: 10px;
    left: auto;
    line-height: 15px;
    bottom: -5px;
}

.document-file-box.col-box > ul li .document-images {
    background-color: #eeedee;
}

.document-file-box.col-box .folder-icon {
    position: absolute;
    top: 50%;
    left: 20%;
}

.cke_chrome {
    border: 1px solid #ededed !important;
    box-shadow: none !important;
}

.cke_focus {
    border-color: rgba(82, 168, 236, 0.8) !important;
}

.cke_bottom {
    background: #fff !important;
    border-top: 1px solid #ededed !important;
}

.cke_path_item, .cke_path_empty {
    color: #aaa !important;
}

.cke_resizer {
    border-color: transparent #aaa transparent transparent !important;
}

.ms-container .ms-list.ms-focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

div#ckedit {
    width: 85%;
    float: left;
}

.cktitle {
    width: 15%;
    float: left;
}

.form-control:focus,
.form-element:focus {
    color: #ccc !important;
    border-color: rgba(82, 168, 236, 0.8) !important;
    outline: none;
    box-shadow: none !important;
}

#NewContent .form-box label {
    width: 15%;
    float: left;
}

#NewContent .form-box select {
    width: 85%;
    float: left;
}

#NewContent .form-box input {
    width: 85%;
    float: left;
}

#NewContent .form-box textarea {
    width: 85%;
    float: left;
}

#NewContent .form-box select option {
    color: #515365;
}


label.imageuptitle {
    width: 30% !important;
}

.imageup {
    width: 70% !important;
    float: right !important;
}

.document-file-box.list-box > ul li a, .document-file-box.list-box > ul li span {
    padding: 15px 0px 15px 15px;
}

.document-list .folder-icon::before,
.document-file-box .folder-icon::before {
    content: "\f07b";
	font-family: "FontAwesome";
    font-weight: 600;
    line-height: 16px;
    color: #f9cf26;
    font-size: 32px;
    background-color: transparent;
    height: 32px;
    width: 32px;
    vertical-align: middle;
    line-height: 32px;
	text-align: center;
}
.document-list .exel-icon::before,
.document-file-box .exel-icon::before {
    content: "XLS";
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Lucida Grande,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Emoji,Segoe UI Symbol,Hiragino Kaku Gothic Pro,Meiryo,Hiragino Sans GB W3,Noto Naskh Arabic,Droid Arabic Naskh,Geeza Pro,Simplified Arabic,Noto Sans Thai,Thonburi,Dokchampa,Droid Sans Thai,Droid Sans Fallback,'.SFNSDisplay-Regular',Heiti SC,Microsoft Yahei;
    background-color: #2f7b15;
    height: 32px;
    width: 32px;
    vertical-align: middle;
    line-height: 32px;
}

.document-list .word-icon::before,
.document-file-box .word-icon::before {
    content: "DOC";
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Lucida Grande,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Emoji,Segoe UI Symbol,Hiragino Kaku Gothic Pro,Meiryo,Hiragino Sans GB W3,Noto Naskh Arabic,Droid Arabic Naskh,Geeza Pro,Simplified Arabic,Noto Sans Thai,Thonburi,Dokchampa,Droid Sans Thai,Droid Sans Fallback,'.SFNSDisplay-Regular',Heiti SC,Microsoft Yahei;
    height: 32px;
    width: 32px;
    vertical-align: middle;
    background-color: #004b7c;
    line-height: 32px;
}

.document-list .pwp-icon::before,
.document-file-box .pwp-icon::before {
    content: "PPT";
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Lucida Grande,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Emoji,Segoe UI Symbol,Hiragino Kaku Gothic Pro,Meiryo,Hiragino Sans GB W3,Noto Naskh Arabic,Droid Arabic Naskh,Geeza Pro,Simplified Arabic,Noto Sans Thai,Thonburi,Dokchampa,Droid Sans Thai,Droid Sans Fallback,'.SFNSDisplay-Regular',Heiti SC,Microsoft Yahei;
    height: 32px;
    width: 32px;
    vertical-align: middle;
    background-color: #d24626;
    line-height: 32px;
}

.document-list .pdf-icon::before,
.document-file-box .pdf-icon::before {
    content: "PDF";
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    font-size: 12px !important;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Lucida Grande,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Emoji,Segoe UI Symbol,Hiragino Kaku Gothic Pro,Meiryo,Hiragino Sans GB W3,Noto Naskh Arabic,Droid Arabic Naskh,Geeza Pro,Simplified Arabic,Noto Sans Thai,Thonburi,Dokchampa,Droid Sans Thai,Droid Sans Fallback,'.SFNSDisplay-Regular',Heiti SC,Microsoft Yahei;
    height: 32px;
    width: 32px;
    vertical-align: middle;
    background-color: #ee1620;
    line-height: 32px;
}

span.exel-icon, span.word-icon, span.pwp-icon, span.pdf-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    width: 32px;
    text-transform: uppercase;
    text-align: center;
    min-width: auto !important;
    padding: 0 !important;
}

.document-file-box.list-box > ul li a, .document-file-box.list-box > ul li span {
    padding: 15px 0px 15px 15px;
}

.title-1.purple.full::before {
    width: 100%;
}

.document-file-box.col-box span.exel-icon, .document-file-box.col-box span.word-icon, .document-file-box.col-box span.pwp-icon, .document-file-box.col-box span.pdf-icon, .document-file-box.col-box span.folder-icon, .document-file-box.col-box span.img-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    width: 32px;
    text-transform: uppercase;
    text-align: center;
    min-width: auto !important;
    padding: 0 !important;
    left: 20%;
}

.document-file-box.col-box span.img-icon,
.document-file-box.col-box span.folder-icon{left: 18%;}

    .document-file-box.col-box span.exel-icon::before {
        content: "XLS";
        font-weight: 600;
        line-height: 16px;
        color: #fff;
        font-size: 12px;
        font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Lucida Grande,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Emoji,Segoe UI Symbol,Hiragino Kaku Gothic Pro,Meiryo,Hiragino Sans GB W3,Noto Naskh Arabic,Droid Arabic Naskh,Geeza Pro,Simplified Arabic,Noto Sans Thai,Thonburi,Dokchampa,Droid Sans Thai,Droid Sans Fallback,'.SFNSDisplay-Regular',Heiti SC,Microsoft Yahei;
        background-color: #2f7b15;
        height: 32px;
        width: 32px;
        vertical-align: middle;
        line-height: 32px;
    }

    .document-file-box.col-box span.word-icon::before {
        content: "DOC";
        font-weight: 600;
        line-height: 16px;
        color: #fff;
        font-size: 12px;
        font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Lucida Grande,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Emoji,Segoe UI Symbol,Hiragino Kaku Gothic Pro,Meiryo,Hiragino Sans GB W3,Noto Naskh Arabic,Droid Arabic Naskh,Geeza Pro,Simplified Arabic,Noto Sans Thai,Thonburi,Dokchampa,Droid Sans Thai,Droid Sans Fallback,'.SFNSDisplay-Regular',Heiti SC,Microsoft Yahei;
        background-color: #004b7c;
        height: 32px;
        width: 32px;
        vertical-align: middle;
        line-height: 32px;
    }

    .document-file-box.col-box span.pwp-icon::before {
        content: "PPT";
        font-weight: 600;
        line-height: 16px;
        color: #fff;
        font-size: 12px;
        font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Lucida Grande,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Emoji,Segoe UI Symbol,Hiragino Kaku Gothic Pro,Meiryo,Hiragino Sans GB W3,Noto Naskh Arabic,Droid Arabic Naskh,Geeza Pro,Simplified Arabic,Noto Sans Thai,Thonburi,Dokchampa,Droid Sans Thai,Droid Sans Fallback,'.SFNSDisplay-Regular',Heiti SC,Microsoft Yahei;
        background-color: #d24626;
        height: 32px;
        width: 32px;
        vertical-align: middle;
        line-height: 32px;
    }

.document-file-box.col-box > ul li .file-name {
    width: 75%;
    padding-left: 10px;
    position: absolute;
    text-align: left;
    right: 0;
    line-height: initial;
    font-size: 11px;
    height: 100%;
    top: auto;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.document-file-box.col-box #titlegry {
    display: none;
}

.document-file-box.col-box > ul li .file-name em {
    display: none;
}

.document-file-box.col-box > ul li .document-images {
    display: none;
    position: absolute;
    top: 50%;
    left: 20%;
    width: 10%;
}

    .document-file-box.col-box > ul li .document-images img {
        width: 100%;
        height: 100%;
    }

span.img-icon {
    display: none;
}

.accordion-menu ol#accordion-content {
    display: none;
}

    .accordion-menu ol#accordion-content.active {
        display: block;
    }

li.accordion-menu span {
    text-align: center;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eeedee;
    cursor: pointer;
}

.user-box li.accordion-menu span {
    text-align: left;
    background: #eeedee;
}

    .user-box li.accordion-menu span i {
        transition: all ease 0.4s;
    }

.user-box li.accordion-menu:hover span i {
    transform: rotate(90deg);
}

.event-type-form {
    display: none;
}

    .event-type-form.active {
        display: block;
    }

.social-media-form {
    display: none;
}

    .social-media-form.active {
        display: block;
    }



@media (max-width: 767px) {

    .document-file-box.list-box > ul li a, .document-file-box.list-box > ul li span {
        padding: 15px 0px 15px 15px;
    }

    .title-1.purple.full::before {
        width: 100%;
    }

    .document-file-box.col-box span.exel-icon, .document-file-box.col-box span.word-icon, .document-file-box.col-box span.pwp-icon, .document-file-box.col-box span.pdf-icon {
        left: 18% !important;
        top: 50% !important;
    }

    .w-document-top-menu .wdtm-list .wdtm-btn {
        margin-left: 20px;
    }

    .document-file-box.col-box > ul li .folder-icon {
        top: 50%;
        left: 18%;
        width: auto;
        height: auto;
    }

        .document-file-box.col-box > ul li .pdf-icon::before, .document-file-box.col-box > ul li .exel-icon::before, .document-file-box.col-box > ul li .word-icon::before, .document-file-box.col-box > ul li .pwp-icon::before, .document-file-box.col-box > ul li .folder-icon::before, .document-file-box.col-box > ul li .img-icon::before {
            font-size: 24px;
        }
	.document-file-box.col-box > ul li .img-icon::before,
	.document-file-box.col-box > ul li .folder-icon::before{font-size: 28px;}

    .document-file-box.col-box > ul li {
        padding-top: 0;
    }

    .tech-text {
        padding: 20px 0 0 0;
    }

    .tech-img span {
        width: auto;
    }

    .item-details {
        padding: 10px 0 0 0;
    }

    .td-post-date.two, .td-post-date.two a {
        margin: 0;
    }

    .document-file-box.col-box > ul li .file-name {
        position: absolute;
        max-width: 60%;
        text-align: left;
        right: 0;
        left: 25%;
        line-height: 62px;
        font-size: smaller;
        height: 100%;
        top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 !important;
        display: inline-block;
        white-space: nowrap;
    }

    .w-box {
        overflow-x: unset;
    }

    .document-file-box.col-box > ul li .dfb-size {
        /* display: block;
    position: absolute;
    bottom: 5px;
    width: 70%;
    float: left;
    text-align: left; */
        font-size: 11px;
        top: 40%;
        right: 7px;
    }

    .document-file-box.col-box > ul li .file-name em {
        font-size: smaller;
    }

    .w-document-menu .wdm-btn {
        display: block;
        padding: 15px 10px;
        font-size: 17px;
        position: absolute;
        top: -58px;
        left: 15px;
    }

    .modules-files-fileManager .owl-carousel .owl-stage-outer {
        width: 90%;
    }

    .check-list li span input[type="checkbox"] + label {
        width: 22px;
        height: 22px;
        margin: 0px;
        border: 1px solid #515365;
        position: relative;
        cursor: pointer;
    }

    .check-list li span input[type="checkbox"]:checked + label::before {
        display: inline-block;
        content: "\f14a";
        font-family: FontAwesome;
        font-size: 22px;
        color: #2faefb;
        position: absolute;
        top: -8px;
        left: 0px;
    }

    .document-file-box.col-box > ul li span {
        position: absolute;
        top: auto;
        left: auto;
        z-index: 99;
        cursor: pointer;
        width: 30%;
        height: 100%;
        padding: 20px;
    }

    .document-file-box .exel-icon::before, .document-file-box .pwp-icon::before, .document-file-box .word-icon::before, .document-file-box .pdf-icon::before {
        font-size: 12px !important;
    }

    span.exel-icon, span.word-icon, span.pwp-icon {
        left: 17% !important;
        top: 45% !important;
        z-index: 15 !important;
    }
}

@media (min-width: 1268px) {
    .w-hdr-search {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .w-hdr-search {
        float: right;
        width: 100%;
        max-width: 100%;
        padding: 10px 0px;
    }

        .w-hdr-search .button {
            right: 7px;
        }
}

@media (min-width: 768px) {
    header .w-hdr-search {
        max-width: 280px;
    }

    .w-news-slider .wns-slider .owl-nav .owl-prev, .w-news-slider .wns-slider .owl-nav .owl-next {
        position: absolute;
        top: 80%;
        -ms-transform: translateY(-50%);
    }

    .document-file-box.col-box > ul li {
        padding-top: 50px;
        height: inherit;
    }

    .w-form-container .form-container .form-box {
        position: relative;
        background-color: transparent;
    }

        .w-form-container .form-container .form-box > label {
            width: 25%;
            float: left;
            text-align: right;
            background-color: #ededed;
            height: 100%;
        }

            .w-form-container .form-container .form-box > label::after {
                left: 12%;
            }
    /*	.footer {
    padding: 30px 0;
    text-align: left;
    bottom: 0;
    position: absolute;
}*/
}