.toolStripContent {
    margin-right: 5px;
}

#btnlogout {
    color: rgb(26, 179, 148);
}
.nav > li > a {
    color: #a7b1c2;
    font-weight: 600 !important;
    padding: 14px 20px 14px 25px;
    display: block;
}

a {
    color: rgb(26, 179, 148);
    cursor: pointer;
}

.custom-menu-item {
    padding: 15px 20px;
    color: #676a6c;
    font-weight: 600;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin-left: 50%;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* Dropdown Submenu Added by Raghvendra */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > a:after {
        content: "\f0da";
        float: right;
        border: none;
        font-family: 'FontAwesome';
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0px;
        margin-left: 0px;
    }

.nav-item > li > a {
    font-weight: 600;
    display: block;
}

/*Till here added*/

.form-theme-config {
    position: absolute;
    top: 53px;
    left: 0;
    overflow: hidden;
    width: 560px;
}

.form-theme-config-box.form-show {
    margin-right: 0;
}

.form-theme-config-box {
    margin-right: -220px;
    position: relative;
    z-index: 2000;
    transition-duration: 0.8s;
}

.form-spin-icon {
    background: #1ab394;
    position: absolute;
    padding: 7px 10px 7px 13px;
    border-radius: 0px 20px 20px 0px;
    font-size: 16px;
    top: 0;
    right: 0;
    width: 40px;
    color: #fff;
    cursor: pointer;
}

.form-skin-settings {
    width: 220px;
    /*margin-left: 40px;*/
    background: #f3f3f4;
}

    .form-skin-settings .form-title {
        background: #efefef;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        padding: 10px 15px;
        font-size: 12px;
    }

.nav .clickableLabel, .ibox .clickableLabel {
    font-size: 10px;
}

.clickableLabel {
    background-color: #d1dade;
    color: #5e5e5e;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.25em;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.screen-theme-config {
    position: absolute;
    top: 85px;
    left: 0;
    overflow: visible;
    /*width: 405px;*/
    width: 320px;
    transition: 0.8s all;
}

.screen-theme-config-box.screen-show {
    margin-left: 0;
}

.screen-theme-config-box {
    position: relative;
    z-index: 2000;
}

.screen-icon {
    background: #1ab394;
    position: absolute;
    padding: 10px 0px 5px 1px;
    top: 0;
    right: 0;
    color: #fff;
    cursor: pointer;
}

.screen-skin-settings {
    width: 100%;
    background-color: #2f4050;
    height: 83vh;
    overflow-y: auto;
    width: 320px;
    border: 1px solid #CCC;
}

    .screen-skin-settings .screen-title {
        background: #efefef;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        padding: 10px 15px;
        font-size: 12px;
    }

.screenDesignerText {
    font-size: 15px;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
}

.property-config {
    position: absolute;
    right: 0;
    overflow: hidden;
}

.property-config-box.property-show {
    margin-right: 0px;
}

.property-config-box {
    /*margin-right: -220px;*/
    margin-right: -200px;
    position: relative;
    z-index: 2000;
    transition-duration: 0.8s;
}

.property-settings {
    /*width: 220px;*/
    width: 200px;
    margin-left: 25px;
    background: #f3f3f4;
}

    .property-settings .title {
        background: #efefef;
        text-align: center;
        font-weight: 600;
        display: block;
        padding: 1px 8px;
        font-size: 12px;
    }

.property-setings-item {
    padding: 0;
    height: 75vh;
    overflow-x: auto;
    overflow-y: auto;
    /*width: 220px;*/
    width: 200px;
    border: 1px solid #CCC;
}

.property-icon {
    background: #1ab394;
    position: absolute;
    padding: 10px 0px 5px 1px;
    font-size: 16px;
    top: 0;
    /*right: 220px;*/
    right: 200px;
    width: 26px;
    color: #fff;
    cursor: pointer;
}

.propertyText {
    font-size: 15px;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
}

.property-operation {
    padding-left: 5px;
    height: 5vh;
    overflow: hidden;
    /*width: 220px;*/
    width: 200px;
    border: 1px solid #CCC;
}

.control-config {
    position: absolute;
    top: 85px;
    left: 0;
    overflow: visible;
    /*width: 230px;*/
    width: 180px;
    transition: 0.8s all;
}

.control-config-box.control-show {
    margin-left: 0;
}

.control-config-box {
    position: relative;
    z-index: 2000;
}

.control-icon {
    background: #1ab394;
    position: absolute;
    padding: 10px 0px 5px 1px;
    top: 100px;
    right: 0;
    color: #fff;
    cursor: pointer;
    transition: 0.5s all;
}

.control-settings {
    width: 100%;
    background: #f3f3f4;
    height: 83vh;
    /*width: 230px;*/
    width: 180px;
    border: 1px solid #CCC;
}

    .control-settings .control-title {
        background: #efefef;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        padding: 10px 15px;
        font-size: 12px;
    }

.controlText {
    font-size: 15px;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
}

.control-settings .title {
    background: #efefef;
    text-align: center;
    font-weight: 600;
    display: block;
    padding: 1px 8px;
    font-size: 12px;
}

.control-setings-item {
    padding: 0;
    height: 79.6vh;
    overflow-y: auto;
    border: 1px solid #CCC;
}

.controlbox {
    clear: both;
    margin-top: 0;
    margin-left: 160px;
    margin-right: 160px;
    padding: 0;
}

    .controlbox.white-bg {
        background-color: #ffffff;
    }

.controlbox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 90px 8px 15px;
    min-height: 48px;
    position: relative;
    clear: both;
    text-align: center;
}

.controlbox-content {
    background-color: #ffffff;
    color: inherit;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    min-height: 73vh;
    max-height: 73vh;
    overflow-y: auto;
}

.control-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

/*-------------02-July-2019---------------*/
.control-nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.control-metismenu .plus-minus,
.control-metismenu .plus-times {
    float: right;
}

.control-metismenu .arrow {
    float: right;
    line-height: 1.42857;
}

.control-metismenu .glyphicon.arrow:before {
    content: "\e079";
}

.control-metismenu .active > a > .glyphicon.arrow:before {
    content: "\e114";
}

.control-metismenu .fa.arrow:before {
    content: "\f104";
}

.control-metismenu .active > a > .fa.arrow:before {
    content: "\f107";
}

.control-metismenu .ion.arrow:before {
    content: "\f3d2";
}

.control-metismenu .active > a > .ion.arrow:before {
    content: "\f3d0";
}

.control-metismenu .fa.plus-minus:before,
.control-metismenu .fa.plus-times:before {
    content: "\f067";
}

.control-metismenu .active > a > .fa.plus-times {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.control-metismenu .active > a > .fa.plus-minus:before {
    content: "\f068";
}

.control-metismenu .collapse {
    display: none;
}

    .control-metismenu .collapse.in {
        display: block;
    }

.control-metismenu .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
}

.control-nav.control-metismenu > li {
    display: block;
    width: 100%;
    position: relative;
    border: 0.4px solid;
    width: 100%;
    color: #a7b1c2;
}

.control-nav > li > a {
    color: #a7b1c2;
    font-weight: 600;
    padding: 14px 20px 5px 15px;
    display: block;
}

.control-nav > li.active {
    border-left: 4px solid #19aa8d;
    background: #293846;
}

ul.control-nav-second-level {
    background: #293846;
}

.control-nav.control-nav-second-level > li.active {
    border: none;
}

.control-nav.control-nav-second-level.collapse[style] {
    height: auto !important;
}

.control-nav-second-level li a {
    /*padding: 7px 10px 7px 10px;
	padding-left: 52px;*/
    padding: 5px 5px 5px 7px;
    padding-left: 40px;
}

.control-nav > li > a:hover, .control-nav > li > a:focus {
    background-color: #293846;
    color: white;
}

.control-nav > li > a i {
    margin-right: 6px;
}

.required:after {
    content: "*";
    color: red;
}

.row-section-header {
    background-color: #C0C0C0;
    padding: 5px;
    width: 100%;
    color: #FFFFFF;
}
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}