@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidKufi-Regular.eot);
    src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidKufi-Regular.woff2) format('woff2'), url(../fonts/DroidKufi-Regular.woff) format('woff'), url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}

.group-btn a {
    color: #fff;
}

.btn-primarycalc {
    width: 10% !important;
}

.Respable {
    margin-top: -35px;
}

.icn-controls {
    float: right;
    margin: 4px 10px 0 0;
}

.highboxbody {
    height: 100px !important;
}

.nonclass {
    display: none;
}

.margincheck {
    margin-left: -150px;
}

.pnlVoucher {
    position: fixed;
    z-index: 1000001;
    left: 229px;
    top: 25px;
    width: 50%;
}

.divhidd {
    display: none;
}

.btn-searchcalc {
    background: #0077AD url('../images/icn-search.png') no-repeat 48px 4px !important;
    padding-right: 24px;
    border: none;
    font-size: 0.9em; /* padding: 2px 33px 2px 20px; */
    padding-right: 65px !important;
    padding-top: 4px !important;
    padding-left: 85px !important;
}

.boxprimaryheght {
    margin-bottom: 0 !important;
}

.popuppnl {
    height: 100%;
}

.btn-searchscaal {
    background: #0077AD url('../images/icn-search.png') no-repeat 20px 4px !important;
    padding-left: 24px !important;
    border: none;
    font-size: 0.9em;
    padding: 2px 20px 2px 33px;
    width: 10%;
    padding-top: 4px !important;
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DroidKufi-Bold.eot);
    src: url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidKufi-Bold.woff2) format('woff2'), url(../fonts/DroidKufi-Bold.woff) format('woff'), url(../fonts/DroidKufi-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Arabic Naskh';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidNaskh-Regular.eot);
    src: url(../fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidNaskh-Regular.woff2) format('woff2'), url(../fonts/DroidNaskh-Regular.woff) format('woff'), url(../fonts/DroidNaskh-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Arabic Naskh';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DroidNaskh-Bold.eot);
    src: url(../fonts/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidNaskh-Bold.woff2) format('woff2'), url(../fonts/DroidNaskh-Bold.woff) format('woff'), url(../fonts/DroidNaskh-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.btn-primary {
    background: #0077AD;
    padding: 1px 19px 0px 19px;
}

.serv-btns .btn-primary {
    background: #0077AD;
    padding: 1px 5px 0px 5px;
}

.margn {
    margin-right: 6px !important;
}

.sizesearch {
    /*width: 7%;*/
}

.boxprim {
    height: 50%;
}

.ddlInputGroup {
    width: 48% !important;
}

.txtInputGroup {
    width: 50% !important;
}

.manger {
    /*background: #EFEFEF;     padding: 2px 15px 0 2px;     margin-right: 5px !important;     height: 24px;     display: inline-block;*/
    width: 96%;
}

.imagewidt {
    width: 40%;
}

.form-controlmanger {
    height: 24px;
    padding: 0 4px 0px 4px;
    font-size: 0.85em;
    margin-left: 70px;
    margin-top: -25px;
    width: 100%;
}

.btn-primaryHazard {
    background: #0077AD;
    padding: 2px 7px 2px 7px;
    margin-left: -5px;
    margin-right: -60px;
    margin-top: -10px;
    color: White;
}





.contact-group .col-md-6 {
    border: solid 1px lightgray; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
    background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
    margin: 5px 5px 5px 5px;
    width: 49.1%;
    padding: 4px;
}

.Col-Gray {
    background: #EFEFEF !important;
    padding: 3px 0 0 6px !important;
    color: #4D4D4F !important;
    font-size: 0.9em;
    height: 24px !important;
    margin: 0 2px 3px 15px !important;
}

.RadioWizard {
    width: 21.333333% !important;
}

.wizardContainer {
    height: 650px !important;
    margin-top: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden;
}

.row.contact-group br {
    display: none;
}

.col-sm-2.temp-dates {
    width: 14.7% !important;
}

.contact-group .contact-img {
    padding: 6px 10px 0 0;
    position: absolute;
    right: 0px;
}

.contact-group .row-md-6 > .row {
    padding: 10px 0 10px 0 !important;
}

.box-body .contact-group .row .col-sm-1 {
    margin-left: 0px !important;
    background: #d2d6de !important;
    width: 20%;
}

.box-body .contact-group .row .col-sm-1-clear {
    margin-left: 0px !important;
    background: #d2d6de !important;
    width: 20%;
}

.box-body .contact-group .row .col-sm-2 {
    width: 70% !important;
}

.contact-group .row {
    margin: 0 0 0 0 !important;
}

.contact-entry .box-body .col-sm-12 .row {
    width: 95%;
}

.btn-status {
    background: #0077AD;
    font-size: 0.9em;
    color: #fff;
    padding: 2px 7px 2px 7px;
    border-radius: 5px;
    margin-left: 10px;
}

.contact-img div img {
    height: 100px;
    max-width: 100px;
    border: solid 1px #C4C4C4 !important;
}

.btn-status:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    color: #fff;
}

.row-2 .col-sm-11 {
    margin-left: 15px !important;
}

#ImgRow {
    /*background: none !important;     border: solid 1px #C6C8CA;     text-align: center;     height: 105px;     padding: 0 0 0 0;*/
    background: none !important;
    padding: 0 0 0 0;
    position: absolute;
    right: 20px;
}

    #ImgRow img {
        background: none !important;
        max-height: 103px;
        max-width: 117px;
    }

.col-1-lg .col-sm-1 {
    width: 12%;
}

.col-1-lg .col-sm-1-clear {
    width: 12%;
}

.col-1-lg .col-sm-11 {
    width: 86%;
}

.time-up-arrow {
    background: url('../images/icn-time-up.png') no-repeat left 2px !important;
}

.time-down-arrow {
    background: url('../images/icn-time-down.png') no-repeat left 2px !important;
}


.col-8size {
    padding-right: 0;
    width: 65.15%;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #FFFFE6;
}

.form-control.ajax[disabled] {
    background: #FFFFE6 url(../Images/icn-search-ajax.png) no-repeat right 3px !important;
}

.empty-btn {
    background: #0077AD;
    padding-right: 24px;
    border: none;
    font-size: 0.9em;
    padding: 2px 17px 2px 16px;
}

    .empty-btn:hover {
        background: #0077AD;
    }

#editor1_tbl {
    width: 100% !important;
}


.box-body .row .col-sm-1.changes-btns {
    background: none !important;
    padding-right: 4px;
}

.box-body .row .col-sm-1-clear.changes-btns {
    background: none !important;
    padding-right: 4px;
}


button.btn.btn-primary.btn-sm.inner-chng-btn {
    background-color: #0077AD; /* padding-left: 41px; */
    width: 80%;
    margin-bottom: 0.5em;
    text-align: center;
}

    button.btn.btn-primary.btn-sm.inner-chng-btn::after hover {
        background-color: #0077AD;
    }



.ui-widget select, .fc-widget-header, .fc-toolbar, .fc-center h2 {
    font-family: arial !important;
}

html {
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
}

.content-header > h1 {
    font-size: 1.5em;
    margin: 0 0 0 0;
}

.content-header {
    padding-top: 10px;
}

.webgrid-table {
}

    .webgrid-table td div.ajax-panel {
        padding-top: 15px;
    }

        .webgrid-table td div.ajax-panel span {
            margin-top: 16px;
        }

.content {
    padding-top: 0px;
}

.skin-blue .main-header .logo {
    line-height: normal !important;
    background-color: rgb(0, 164, 222);
    height: 40px;
}

    .skin-blue .main-header .logo:hover {
        line-height: normal !important;
        background-color: rgb(2, 74, 107);
    }

.main-header .logo img {
    margin: 4px auto 0 auto;
    margin: 12px auto 0 auto\0;
    height: 46px;
    height: 24px\0;
    width: 100%;
}

.sidebar .user-panel, .sidebar .sidebar-form {
    display: none;
}

.sidebar-menu .treeview-menu {
    display: block !important;
}

section#Mains {
    background: #fff;
}

.box h3 {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    padding: 3px;
}

.box {
    border: solid #0082B9;
    border-width: 0 2px 2px 2px;
    border-radius: 0 0 0 0;
    margin-bottom: 10px;
}

.box-body {
    padding: 4px 4px 4px 4px;
}

    .box-body .row .col-sm-1 {
        background: #EFEFEF;
        padding: 3px 0 0 6px;
        margin: 0 2px 3px 5px !important;
        color: #4D4D4F;
        font-size: 0.9em;
        height: 24px;
    }

    .box-body .row .col-sm-1-clear {
        padding: 0;
        margin: 0 2px 3px 6px;
        color: #4D4D4F;
        font-size: 0.85em;
        height: 24px;
    }

.row.content-grid {
    width: 17%;
}

.box-body .row .col-sm-1:nth-child(1) {
    margin: 0 2px 3px 15px !important;
}

.box-body .row .col-sm-1-clear:nth-child(1) {
    margin: 0 2px 3px 15px;
}

.col-sm-1 label {
    font-weight: normal;
}

.vocherlabl {
    margin: 14px 2px 3px 15px !important;
    background: #EFEFEF;
    padding: 3px 0 0 6px !important;
}

.voucherSgg {
    padding-left: 13px !important;
}

.vocherlabl2 {
    margin: 1px 1px 2px 15px !important;
    background: #EFEFEF;
    padding: 3px 0 0 6px !important;
}

.col-sm-1-clear label {
    font-weight: normal;
}

.box-body .row .col-sm-2 {
    padding: 0 0 0 0;
    width: 15.3%;
    height: 27px;
}

.box-body .row .col-sm-5 {
    padding: 0 0 0 0;
    width: 39.5%;
    height: 27px;
}

.box-body .row .col-sm-11 {
    padding: 0 0 0 0;
    width: 88.4%;
}

.col-sm-9 {
    padding: 0 0 0 0;
}

.contact-entry .row .col-sm-11 {
    padding: 0 0 0 0;
    width: 88.2%;
}

input.form-control, select.form-control {
    height: 24px;
    padding: 0 4px 0px 4px;
    font-size: 0.85em;
}


.box-body .row .col-sm-2 select.form-control {
    padding: 0 0 0 0;
}

.box-header {
    padding: 3px 0 5px 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a5df+0,0077ad+100 */
    background: #00a5df; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTVkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc3YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #00a5df 0%, #0077ad 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a5df), color-stop(100%,#0077ad)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00a5df 0%,#0077ad 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00a5df 0%,#0077ad 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00a5df 0%,#0077ad 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00a5df 0%,#0077ad 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5df', endColorstr='#0077ad',GradientType=0 ); /* IE6-8 */
}

.btn-primary {
}

.box-footer {
    padding: 7px 7px 7px 7px !important;
    background-color: #f9f9f9 !important;
    border-top: solid 1px #ECECEC;
    margin-top: 10px;
}

.btn-search {
    background: #0077AD url('../images/icn-search.png') no-repeat 6px 4px !important;
    padding-left: 24px;
    border: none;
    font-size: 0.9em;
    padding: 2px 20px 2px 33px;
}

.btn-save {
    background: #0077AD url('../images/icn-save.png') no-repeat 6px 3px !important;
    padding: 0px 10px 0 30px;
}

.btn-saveSchedule {
    background: #0077AD url('../images/icn-save.png') no-repeat 6px 3px !important;
    padding: 0px 10px 0 30px;
    margin-left: 5px;
}

.btn-save2 {
    background: url('../images/icn-save.png') no-repeat 6px 1px !important;
    font-size: 0.9em;
    padding: 0 10px;
    margin-top: 5px;
    height: 20px;
    padding-left: 24px;
    padding-right: 10px;
    border: none;
    border-right: solid 1px #fff;
    border-radius: 0 0 0 0;
}

.btn-saveTranaction {
    background: url('../images/icn-save.png') no-repeat 6px 1px !important;
    font-size: 0.9em;
    padding: 0 10px;
    margin-top: 5px;
    height: 20px;
    padding-left: 24px;
    padding-right: 10px;
    border: none;
    border-right: solid 1px #fff;
    border-radius: 0 0 0 0;
}

.borderhidd {
    border-right: none !important;
}

.mar {
    margin-top: 3px !important;
}


.minus-square {
    background: transparent url('../images/minus-square.png') no-repeat 0 4px !important;
    padding-left: 24px;
    padding-right: 10px;
    border: none;
    border-right: solid 1px #fff;
    border-radius: 0 0 0 0;
}

.plus-square {
    background: transparent url('../images/plus-square.png') no-repeat 0 4px !important;
    padding-left: 24px;
    padding-right: 10px;
    border: none;
    border-right: solid 1px #fff;
    border-radius: 0 0 0 0;
}

.right {
    border-right: none !important;
}

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

.print-square {
    padding-top: 4px;
    background: transparent url('../images/icn-print.png') no-repeat 0 4px !important;
    padding-left: 24px;
    padding-right: 10px;
    border-right: solid 1px #fff;
    border: none;
    border-right: solid 1px #fff;
    border-radius: 0 0 0 0;
}

.print-squareSalary {
    padding-top: 5px;
    background: transparent url('../images/icn-print.png') no-repeat 0 4px !important;
    padding-left: 24px;
    padding-right: 10px;
    border: none;
    border-radius: 0 0 0 0;
    margin-top: 4px;
}

.assignMGR-square {
    padding-top: 4px;
    background: transparent url('../images/icn-re-aasign.png') no-repeat 0 4px !important;
    padding-left: 24px;
    padding-right: 10px;
    border: none;
    border-right: solid 1px #fff;
    border-radius: 0 0 0 0;
}

    .assignMGR-square:hover, .assignMGR-square.active, .assignMGR-square.focus, .assignMGR-square:active .open > .dropdown-toggle.assignMGR-square {
        border-right: solid 1px #fff;
        opacity: 0.7 !important;
        filter: alpha(opacity=70) !important;
        border-color: rgba(255,255,255,0.7);
    }

.print-square:hover, .print-square.active, .print-square.focus, .print-square:active .open > .dropdown-toggle.print-square {
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    border-color: rgba(255,255,255,0.7);
}

.print-squareSalary:hover, .print-square.active, .print-squareSalary.focus, .print-squareSalary:active .open > .dropdown-toggle.print-squareSalary {
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    border-color: rgba(255,255,255,0.7);
}

.plus-square:hover, .plus-square.active, .plus-square.focus, .plus-square:active .open > .dropdown-toggle.plus-square {
    background: transparent url('../images/plus-square.png') no-repeat 0 4px !important;
    border-right: solid 1px #fff;
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    border-color: rgba(255,255,255,0.7);
}

.minus-square:hover, .minus-square.active, .minus-square.focus, .minus-square:active .open > .dropdown-toggle.minus-square {
    background: transparent url('../images/minus-square.png') no-repeat 0 4px !important;
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    border-color: rgba(255,255,255,0.7);
}



.group-btn {
    float: right; /*margin: -29px 0 0 0;*/
    margin: -4px 4px 0 0;
    z-index: 1;
    position: relative;
}

.webgrid-header th {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e9e6ca+100 */
    background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU2Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e9e6ca 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e6ca)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e9e6ca 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e9e6ca 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e9e6ca 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e9e6ca 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e6ca',GradientType=0 ); /* IE6-8 */
    color: #008bc2;
    padding: 2px 6px 3px 6px !important;
}

    .webgrid-header th a {
        color: #008bc2;
        font-size: 0.9em;
    }

.webgrid-table {
    overflow-y: auto;
    border: solid #C6C8CA !important;
    border-width: 0 0 1px 1px !important;
}

    .webgrid-table td, th {
        font-size: 0.7em;
        padding: 0 6px 2px 6px;
        border: solid #C6C8CA !important;
        border-width: 1px 1px 0 0 !important;
    }

    .webgrid-table td {
        text-align: left;
    }

.webgrid-row-style:hover, .webgrid-alternating-row:hover, .HoverRow {
    background-color: #eaf2f5 !important;
}

.webgrid-alternating-selected-row, .webgrid-selected-row {
    background-color: #CBE1E8 !important;
}

.col-sm-12 {
    width: 100%;
}

input[type=file] {
    width: 100%;
}

.col-sm-11 {
    padding-right: 0;
    width: 88.9%;
}

#gridContent {
    overflow: auto;
}

.time {
    background: url('../images/icn-time.png') no-repeat right 2px !important;
}

.error.time {
    background: #FBE3E4 url('../images/icn-time-red.png') no-repeat right 2px !important;
    padding-left: 22px;
}

.calendar {
    background: url('../images/icn-cal.png') no-repeat right 2px !important;
}

    .calendar[disabled] {
        background-color: #FFFFE6 !important;
    }

.calendarRead {
    background: url('../images/icn-cal.png') no-repeat right 2px !important;
    background-color: #FFFFE6 !important;
}

.DateReq {
    background: url('../images/icn-cal.png') no-repeat right 2px !important;
    background-color: #FBE3E4 !important;
    width: 50% !important;
    border: 1px solid #ccc !important;
}

.TimeReq {
    background: url('../images/icn-time.png') no-repeat right 2px !important;
    background-color: #FBE3E4 !important;
    width: 47% !important;
    border: 1px solid #ccc !important;
}

.form-control.curruncyDDL {
    width: 67.4%; /* display: block; */
    display: initial !important;
}

.form-control.exrate {
    width: 30%;
    display: initial !important;
}

.ajax__tab_panel .box-body .row .col-sm-5 {
    width: 39.45%;
}




.error.calendar {
    background: #FBE3E4 url('../images/icn-cal-red.png') no-repeat right 2px !important;
}

.phone {
    background: url('../images/icn-phone.png') no-repeat right 2px;
    padding-left: 22px;
}

.phoneReq {
    background: #FBE3E4 url('../images/icn-phone-red.png') no-repeat right 2px;
    padding-left: 22px;
}

.error.phone {
    background: #FBE3E4 url('../images/icn-phone-red.png') no-repeat right 2px;
    padding-left: 22px;
}

.envelope {
    background: url('../images/icn-mail.png') no-repeat right 2px;
    padding-left: 22px;
}

.email {
    background: url('../images/icn-mail.png') no-repeat right 2px;
    padding-left: 22px;
}

.email-square:hover {
    border-left: solid 0px #fff !important;
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    border-color: rgba(255,255,255,0.7);
}

.email-square {
    background: transparent url('../images/icn-mail.png') no-repeat 0 4px !important;
    padding-left: 24px;
    padding-right: 10px;
    border: none;
    border-right: solid 1px #fff;
    border-radius: 0 0 0 0;
}

.email-squaresalary {
    background: transparent url('../images/icn-mail.png') no-repeat 0 4px !important;
    padding-left: 24px;
    padding-right: 10px;
    border: none;
    border-right: solid 1px #fff;
    border-radius: 0 0 0 0;
    margin-top: 5px;
    padding-top: 3px;
}

    .email-squaresalary:hover, .email-squaresalary.active, .email-squaresalary.focus, .email-squaresalary:active .open > .dropdown-toggle.email-squaresalary {
        border-left: solid 0px #fff !important;
        opacity: 0.7 !important;
        filter: alpha(opacity=70) !important;
        border-color: rgba(255,255,255,0.7);
    }





.emailReq {
    background: #FBE3E4 url('../images/icn-mail-red.png') no-repeat right 2px;
    padding-left: 22px;
}

.error.envelope {
    background: #FBE3E4 url('../images/icn-mail-red.png') no-repeat right 2px;
    padding-left: 22px;
}

/*.ui-widget, .ui-widget input*/ .ui-multiselect, .ui-multiselect-hasfilter, .ui-multiselect-filter input, .ui-multiselect-checkboxes {
    font-size: 0.85em !important;
}

.ui-multiselect {
    height: 24px !important;
    background: #fff !important;
    text-align: left !important;
}

h1 {
    background: url('../images/line.png') repeat-x right 14px !important;
    padding-right: 6px;
}

    h1 span {
        background: #fff;
        padding: 0 6px 0 6px;
    }

.content-wrapper, .right-side {
    background: #fff;
}

.skin-blue .main-header .navbar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006ea4+0,0070a6+100 */
    background: #006ea4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmVhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcwYTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #006ea4 0%, #0070a6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006ea4), color-stop(100%,#0070a6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #006ea4 0%,#0070a6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #006ea4 0%,#0070a6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #006ea4 0%,#0070a6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #006ea4 0%,#0070a6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ea4', endColorstr='#0070a6',GradientType=0 ); /* IE6-8 */
}


.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
    font-size: 0.9em;
    margin-bottom: 0px !important;
    text-align: right;
}

    .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 .pull-right {
        float: left !important;
        font-size: 80% !important;
    }

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu li:nth-child(even) {
    background: #f9f9f9;
}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu li a:hover {
    background: #EAF2F5 !important;
}

.webgrid-footer td table tbody {
    border: 0px solid #C6C8CA;
}

.webgrid-footer td table {
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #C6C8CA;
}

.webgrid-footer span {
    padding: 5px 5px 5px;
}

.webgrid-footer table {
    border: 0px solid #C6C8CA;
}

webgrid-footer p {
    padding: 5px 5px 5px;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 0px solid #C6C8CA;
    font-size: 10px;
    margin: 0 0 0 0;
    font-weight: normal;
}

.webgrid-footer a {
    padding: 5px 5px 5px;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 0px solid #C6C8CA;
    font-size: 10px;
    margin: 0 0 0 0;
    font-weight: normal;
}

.webgrid-footer td {
    padding: 0px 0px 0px 0;
    background-color: #DAD6B9;
    font-size: 0.8em;
    font-weight: normal;
    text-align: left;
}

.webgrid-footer td {
    border: 0;
}

    .webgrid-footer td .btn {
        background: #0077ad;
        font-size: 1em !important;
        padding: 1px 10px 1px 10px !important;
        color: #f5f5f5;
    }

.sch-tips {
    border: solid 2px #00A4DE;
    float: right;
    margin: 8px 8px 0 6px;
    padding: 3px 4px 0 0px;
    width: 338px;
    font-size: 0.85em;
    background: #FFF;
    margin-left: 20px;
}

.blt-color {
    float: right;
    margin: 0 0 0 6px;
}

    .blt-color input {
        border: none;
        width: 16px;
        height: 16px;
    }

.sch-tips .group {
    float: right;
    width: 110px;
}

.fc-toolbar {
    margin-bottom: 0 !important;
}

.fc-time-grid-container {
    height: 879px !important;
}

.boat {
    float: right;
}

.popup-view {
    width: 65% !important;
}

.popup-stage {
    width: 45% !important;
}

.main-footer {
    background: #f9f9f9;
    padding: 3px 15px 0px 15px;
    color: #444;
    border-top: 1px solid #eee;
    font-size: 0.85em;
    line-height: 3em;
}

.lang {
    font-size: 1.5em;
    font-family: Arial;
}

    .lang .ar {
        font-family: Droid Arabic Kufi;
    }

.navbar-nav > li.lang > a {
    padding-top: 14px;
}

.lang .dropdown-menu {
    width: 110px !important;
    min-width: 100px !important;
}

.error {
    background: #FBE3E4 !important;
}

.ajax {
    background: url(../Images/icn-search-ajax.png) no-repeat right 3px !important;
}

.ajaxerror {
    background: url(../Images/icn-search-red-ajax.png) no-repeat right 3px #FBE3E4 !important;
}

.col-clr-1 {
    margin-right: 15px !important;
}

.logo_master {
    height: 30px !important;
    width: 45% !important;
    margin-top: 5px !important;
    padding-left: 282px;
    margin-left: 120px;
}

widtheimage {
    width: 40%;
}

.col-8size {
    padding-right: 0;
    width: 63.65%;
    padding-left: 0;
}

.photo-s {
    width: 100px;
    height: 100px;
    border-radius: 50px;
}

.two-grids .col-sm-1, .popup-view .col-sm-1 {
    width: 13% !important;
}

.two-grids .col-sm-1-clear, .popup-view .col-sm-1-clear {
    width: 13% !important;
}

.two-grids .col-sm-2, .popup-view .col-sm-2 {
    width: 34% !important;
}

.popup-stage .col-sm-1 {
    width: 17% !important;
}

.popup-stage .col-sm-1-clear {
    width: 17% !important;
}

.popup-stage .col-sm-2 {
    width: 74% !important;
}

.two-grids .row .col-sm-5 {
    width: 82% !important;
}

@media (max-width: 1350px) {
    .col-sm-6 .col-sm-1 {
        width: 27% !important;
    }

    .box-body .row .col-sm-6 .col-sm-5 {
        width: 65% !important;
    }

    .col-sm-2.temp-dates {
        width: 34% !important;
    }

    .popup-view {
        width: 95% !important;
    }

    .popup-stage {
        width: 45% !important;
    }


    .row.content-grid .col-md-10 .col-sm-2 {
        width: 29% !important;
    }

    .contact-entry .box-body .col-sm-12 .row {
        width: 90%;
    }

    .col-sm-5.clo5-new1 {
        width: 34% !important;
        margin-bottom: 3px;
    }

    .contact-entry .col-sm-5.col5-new {
        width: 34% !important;
    }

    .contact-group .col-md-6 {
        width: 97%;
        margin: 5px auto;
    }

    .row > .col-sm-1:nth-child(5) {
        clear: both;
        margin-left: 15px !important;
    }

    .row > .col-sm-1-clear:nth-child(5) {
        clear: both;
        margin-left: 15px !important;
    }

    .col-sm-1 {
        width: 13%;
    }

    .col-sm-1-clear {
        width: 13%;
    }


    .box-body .row .col-sm-2 {
        width: 34%;
    }

    .col-sm-11 {
        width: 83.2%;
    }

    .box-body .row .col-sm-5 {
        width: 34%;
    }

    .box-body .row .col-sm-11 {
        width: 82.2%;
    }

    .col-clr-2 {
        clear: both;
        margin-right: 15px !important;
    }

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

    .col-8size {
        padding-right: 0;
        width: 34%;
        padding-left: 0;
    }

    .ajax__tab_panel .box-body .row .col-sm-5 {
        width: 34%;
    }

    .form-control.exrate {
        width: 30.5%;
    }
}

/* tab */
@media (max-width: 768px) {
    .col-sm-2.col-btn {
        margin-left: 15px;
    }

    .navbar .navbar-right .open .dropdown-menu {
        position: absolute;
        transform: translateY(-16%);
    }

    .wied {
        /*width: 44%;*/
    }


    li.dropdown.profile.open ul.dropdown-menu.animated.fadeInDown {
        position: absolute;
        transform: translateX(-140px);
        width: 200px;
    }

    .lang {
        transform: translateY(5px);
    }

    .flat-blue .navbar .navbar-nav > li > a, .flat-blue .navbar.navbar-default .navbar-nav > li > a {
        padding: 0px 5px;
    }

    .title-comp {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .flat-blue .navbar.navbar-default .navbar-right {
        font-size: 10px;
    }

    .alert-dialog .box-body .row .col-sm-2 {
        width: 54% !important;
        margin-left: 15px;
        margin-top: 3px;
    }

    .alert-dialog .box-body .row .col-sm-1 {
        width: 91% !important;
        margin-left: 15px !important;
    }

    .col-sm-6 .col-sm-1 {
        width: 30% !important;
    }

    .box-body .row .col-sm-6 .col-sm-5 {
        width: 59% !important;
    }

    .col-sm-2.temp-dates {
        width: 59% !important;
    }

    .popup-view {
        width: 90% !important;
    }

    .popup-stage {
        width: 65% !important;
    }

        .popup-view .col-sm-1, .popup-stage .col-sm-1 {
            width: 30% !important;
        }

        .popup-view .col-sm-1-clear, .popup-stage .col-sm-1 {
            width: 30% !important;
        }

        .popup-view .col-sm-2, .popup-stage .col-sm-2 {
            width: 60% !important;
        }

    .btn-primary {
        margin-bottom: 4px;
    }

    .ajax__tab_panel .box-body .row .col-sm-5 {
        width: 59%;
    }

    .form-control.exrate {
        width: 31%;
    }

    .row-2 {
        margin-left: 0px;
    }

        .row-2 .col-sm-11 {
            width: 100%;
        }

    .box-body .row .col-sm-11 {
        width: 59.5%;
        float: left;
    }

    .row-2 #ImgRow {
        margin-right: 15px !important;
        width: 90%;
    }

    .col-sm-1 {
        width: 30%;
        float: left;
    }

    .col-sm-1-clear {
        width: 30%;
        float: left;
    }


    .box-body .row .col-sm-2 {
        width: 59%;
        float: left;
    }

    .col-md-10 .col-sm-1 {
        width: 30% !important;
    }

    .col-md-10 .col-sm-1-clear {
        width: 30% !important;
    }

    .row > .col-sm-1:nth-child(odd) {
        margin-right: 2px !important;
        float: left;
        display: inline-block;
        margin-left: 15px !important;
    }

    .box-body .row .col-sm-8 {
        width: 60%;
        float: right;
    }

    .page-num-text {
        width: 15%;
        text-align: center;
    }

    .row > .col-sm-1-clear:nth-child(odd) {
        clear: both;
        margin-left: 15px !important;
    }

    .col-sm-11 {
        width: 62.2%;
    }

    .box-body .row .col-sm-5 {
        width: 59%;
        float: left;
    }

    .col-8size {
        padding-right: 0;
        width: 34%;
        padding-left: 0;
    }

    .popup-view {
        width: 45%;
    }

    .popup-stage {
        width: 45%;
    }

    li.dropdown.notifications-menu.lang i.fa.fa-language {
        line-height: 30px;
        margin-left: 10px;
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    li.dropdown.profile.open ul.dropdown-menu.animated.fadeInDown {
        transform: translateX(-50%);
    }
}

@media (max-width: 768px) and (min-width: 767px) {

    li.dropdown.profile.open ul.dropdown-menu.animated.fadeInDown {
        transform: translateX(0px);
    }
}

@media (min-width: 1024px) {
    li.dropdown.profile.open ul.dropdown-menu.animated.fadeInDown {
        transform: translateX(-90px);
    }

    .divSelectManager {
        width: 300px;
    }

    .Col-SelectManager {
        width: 22%;
    }
}

@media (max-width: 767px) {
    .notes .col-sm-2.serv-btns {
        margin-left: 130px;
    }

    .notes2 .col-sm-2.serv-btns button:nth-child(1) {
        margin-left: 15px;
    }

    .lang li.active a, .lang li:hover a {
        color: #fff !important;
    }

    .lang li a {
        color: #777 !important;
    }
}

@media (min-width: 768px) {

    #navbar-collapse > ul.nav.navbar-nav {
        width: 870px;
    }

    #navbar-collapse > .navbar-custom-menu {
        position: absolute;
        right: 0;
    }


    .sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }

    .modal-dialog {
        margin-top: 10% !important;
    }

    .container-fluid .col-sm-1 {
        width: 16%;
    }

    .container-fluid .col-sm-1-clear {
        width: 16%;
    }

    .container-fluid .box-body .row .col-sm-2 {
        width: 30%;
    }

    .container-fluid .box-body .row .col-sm-11 {
        width: 78%;
    }

    .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer {
        margin-right: 0 !important;
    }

    .main-header > .navbar {
        margin-right: 0px;
        margin-left: 0px;
    }

    .shift {
        margin-left: 9px;
    }

    .shiftcol {
        margin-left: -63px;
        width: 40%;
    }


    .main-sidebar, .left-side {
        right: 0;
        left: initial;
    }

    .content-wrapper, .right-side, .main-footer {
        margin-right: 0 !important;
        margin-left: 0px !important;
    }

    .skin-blue .sidebar-menu > li > a:hover, .skin-blue .sidebar-menu > li.active > a {
        border-right-color: #3c8dbc;
    }

    .skin-blue .sidebar-menu > li > a {
        border-right: 3px solid transparent;
        border-left: 0;
    }

    .sidebar-menu > li > a {
        padding: 12px 15px 12px 5px;
    }
}


/*mobile size*/
@media (max-width: 767px) {

    .ajax__tab_xp .ajax__tab_outer {
        width: 50% !important;
    }

    .ajax__tab_xp .ajax__tab_tab, .ajax__tab_xp .ajax__tab_inner {
        width: 100% !important;
    }

    .excel-data {
        margin: -4px 4px 20px 0 !important;
    }

    .export-excel-data {
        top: 24px !important;
        right: -3px !important;
        border-right: 0;
    }

        .export-excel-data.excel-only {
            right: 49px !important;
            padding: 0 12px 0 0;
        }

    .acc-show-data {
        top: 24px !important;
        right: 38px !important;
    }

    .contact-entry .col-sm-5 .form-control {
        width: 59%;
    }

    .contact-entry .col-sm-5 .error {
        width: 59%;
    }

    .contact-entry .col-sm-5.col5-new, .contact-entry .col-sm-5.clo5-new1 {
        width: 100% !important;
    }

    #ImgRow {
        background: none !important;
        position: inherit;
        padding: 0 0 0 0;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .contact-group .contact-img {
        padding: 6px 0 10px 0;
        position: inherit;
        right: auto;
        text-align: center;
    }

    .box-body .contact-group .row .col-sm-1 {
        width: 30%;
    }

    .box-body .contact-group .row .col-sm-1-clear {
        width: 30%;
    }

    .box-body .contact-group .row .col-sm-2 {
        width: 69% !important;
        overflow: hidden;
    }

    .table-responsive {
        margin-bottom: 0;
    }

    .sch-tips {
        width: 60%;
        margin-bottom: 15px;
    }

    .fc-left {
        margin-bottom: 15px;
    }

    .modal-dialog {
        margin: 5px 5px 5px 15px;
    }

    .main-header .navbar-custom-menu {
        float: left;
    }

    .main-sidebar, .left-side {
        left: initial;
        right: 0;
    }

    .main-sidebar, .left-side {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }

    .content-wrapper, .right-side, .main-footer {
        margin-right: 0;
    }

    .col-8size {
        padding-right: 0;
        width: 59%;
        padding-left: 0;
    }

    .two-grids .col-sm-1 {
        width: 30% !important;
    }

    .two-grids .col-sm-1-clear {
        width: 30% !important;
    }

    .two-grids .col-sm-2 {
        width: 59% !important;
    }

    .two-grids .row .col-sm-5 {
        width: 59% !important;
    }
}

.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 10000;
    text-align: right;
}

    .ui-multiselect-menu span {
        font-weight: normal;
    }

    .ui-multiselect-menu input[type=checkbox], input[type=radio] {
        margin: 0 0 0 4px;
    }

.webgrid-footer a {
}

.skin-blue .main-header .logo {
    display: flex;
    font-family: arial;
    font-size: 19px;
    padding-top: 9px;
    padding-right: 35px;
}

    .skin-blue .main-header .logo sup {
        top: 6px;
        top: -9px\9;
        padding: 0 4px 0 0;
        font-size: 11px;
    }

.box-body .row .col-btn {
    background: none !important;
    padding: 0 0 0 0;
    font-size: 1em;
}

    .box-body .row .col-btn .btn-search {
        background-position: 6px 3px !important;
        padding: 2px 20px 3px 33px !important;
    }



.row #contentEntry_2 .table-responsive {
    margin: 0 !important;
    margin-left: -30px !important;
}

.row #contentEntry_2 .col-sm-12 {
    margin-right: -15px;
}

#table-res {
    margin: 0 !important;
    margin-left: 0px !important;
}

    #table-res .col-sm-12 {
        margin-right: -15px;
    }

.dropdown-toggle {
    white-space: nowrap\0;
}

    .dropdown-toggle .hidden-xs {
        margin-left: 30px\0;
    }

ul.nav.navbar-nav .active {
    background-color: rgb(0, 91, 136);
}

.ui-multiselect-single .ui-multiselect-checkboxes {
}

.ui-multiselect span.ui-icon {
    float: right !important;
}

.ui-multiselect-checkboxes li {
    text-align: left;
}

.body-table {
    background-color: #fff;
    border: solid 1px #273774;
    margin-bottom: 7px;
    text-align: left;
    padding: 0px;
    width: 100%;
}

    .body-table th {
        text-align: left;
        height: 19px;
        border: solid 0px red;
        margin: 0;
        padding: 0;
        background: url(../Images/h1-bg-blue.png) left bottom no-repeat;
    }

    .body-table h1 {
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        padding: 0 0 0 25px;
        float: left;
        line-height: 18px;
        margin: 0;
        border: solid 0px green;
    }

.subject-legend {
    color: #000;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding: 0 5px 0 5px;
    line-height: 18px;
    margin: 0;
}

.body-table th div {
    float: right;
    padding: 0;
    border: solid 0px red;
    height: 20px;
}

    .body-table th div input {
        margin-right: 4px;
        border: solid 0px red;
    }

.body-table .label {
    padding: 0;
    border: solid 0px #C3C3C3;
}

.body-table-content {
    color: #000;
    font-size: 11px;
    text-decoration: none;
    padding: 4px;
    height: 100%;
}


/*
.label .btn, .actions .btn, .btn
{
	
	color: #003e8b;
	border:solid 1px #5d86b8;
	background-image:url(../images/Bg_Btn.gif);
	background-repeat:repeat-x;
	font-size: 11px;
	padding-left:3px;
	padding-right:3px;
	margin-left:4px;
	margin-right:4px;
	text-decoration: none;
}

*/
.area-login {
    background: url(../images/img_login.png) no-repeat -766px 0;
    width: 353;
    height: 237px;
    margin: 20px 0 0 30px;
    padding: 29px 0 0 15px;
}

.error-log {
    font-weight: bold;
    padding: 6px 0 0 245px;
    color: Red;
    height: 28px;
}

.area-login .actions {
    margin: 7px 0 0 6px;
    width: 313px;
}

    .area-login .actions input {
        float: right;
        width: 60px;
    }

    .area-login .actions a {
        float: left;
        color: #00AEEF;
        margin-top: 4px;
        text-decoration: none;
    }

        .area-login .actions a:hover {
            color: darkorange;
        }

.footer-login {
    color: #c9d3d8;
    width: 706px;
    text-align: right;
    margin: -6px auto 0 auto;
}

.bg_login {
    width: 746px;
    height: 471px;
    margin: 0 auto 0 auto;
    background: url(../images/img_login.png) no-repeat 0 0;
    display: block;
    overflow: hidden;
}

.des-login {
    background: url(../images/img_login.png) no-repeat -766px -300px;
    padding: 20px 0 0 0;
    margin: 30px 0 0 30px;
    height: 105px;
    text-align: justify;
    width: 295px;
}

.tbl-login {
    /*width:746px; 	height:471px;*/
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
}

    .tbl-login td {
        vertical-align: middle;
        text-align: left;
    }


.ajax__tab_xp .ajax__tab_tab {
    height: 21px !important;
}

/*hazem css*/
.font-normal {
    font-weight: normal !important;
}

.rb-list {
    margin-top: -3.5px;
}

.lbl-checkbox label, .lbl-radio label {
    font-weight: normal;
}

.ajax-panel .ajax-div {
    position: absolute !important;
    border: 1px solid lightgray !important;
    clip: rect(auto auto auto auto) !important;
    z-index: 1002 !important;
    top: 22px !important;
    height: 300PX !important;
    width: auto !important;
    overflow-y: SCROLL !important;
    background-color: rgb(255, 255, 255) !important;
}

.btn.btn-xs.btn-success.plus-square {
    margin: 4px 4px 0 0;
}

.btn.btn-xs.btn-danger.minus-square {
    margin: 4px 0 0 0;
}

.btn.btn-xs.btn-success.print-square {
    margin: 4px 4px 0 0;
}

.btn.btn-xs.btn-success.assignMGR-square {
    margin: 4px 0 0 4px;
}

.acc-show-data {
    position: absolute;
    background: url(../images/icn-show-data.png) no-repeat 0 4px;
    top: 3px; /*right: 134px;*/
    right: 230px;
    color: #fff;
    padding-left: 18px;
    border-right: solid 1px #fff;
    padding-right: 12px;
}

    .acc-show-data:focus {
        color: #fff;
    }

    .acc-show-data:hover, .acc-show-data:active {
        color: #fff;
        opacity: 0.7 !important;
        filter: alpha(opacity=70) !important;
    }

    .acc-show-data strong {
        font-weight: normal;
    }

.lead-show-data {
    position: absolute;
    top: 0px;
    right: 12%;
    color: #E2F7FF;
}

.Campaign-show-data {
    position: absolute;
    top: 0px;
    left: 210px;
    color: #E2F7FF;
}

.word-break {
    word-break: break-word;
    white-space: nowrap;
}

.box .box-body .col-sm-11 {
    padding: 0 4px 0 0px;
}

.form-req {
    margin: 10px 0 -20px 0;
}

a[data-toggle="modal"] {
    display: block;
}

label[for="ctl00_ContentPlaceHolder1_tabContainerAccounts_tabpnlContacts_ucContactDialog_radioBtnFemale"] {
    font-weight: normal;
}

label[for="ctl00_ContentPlaceHolder1_tabContainerAccounts_tabpnlContacts_ucContactDialog_radioBtnMale"] {
    font-weight: normal;
}

.col-sm-4 {
    padding-left: 0px;
}

.paging-txt {
    width: 50px;
    height: 18px;
}

.webgrid-footer select {
    margin: 2px 0 4px 0;
    height: 17px;
}

legend {
    font-size: 18px;
    margin-bottom: 10px;
    font-family: Arial;
    width: 100% !important;
    color: #00afef;
}

.box-body fieldset:nth-child(2) legend {
    padding-top: 10px;
}
/*dina css*/

#ImgRow input {
    background: none !important;
    max-height: 103px;
    max-width: 117px;
}

.col-sm-11.col11-new {
    margin-left: 0px !important;
    width: 88.6%;
}

.col-sm-5.col5-new {
    width: 39.5% !important;
}

.clo5-new1 {
    width: 39.6% !important;
}



/*Anas Safi*/
#wizHeader li .prevStep {
    background-color: #669966;
}

    #wizHeader li .prevStep:after {
        border-left-color: #669966 !important;
    }

#wizHeader li .currentStep {
    background-color: #C36615;
}

    #wizHeader li .currentStep:after {
        border-left-color: #C36615 !important;
    }

#wizHeader li .nextStep {
    background-color: #C2C2C2;
}

    #wizHeader li .nextStep:after {
        border-left-color: #C2C2C2 !important;
    }

#wizHeader {
    list-style: none;
    overflow: hidden;
    font: 14px arial;
    margin: 0px;
    padding: 0px;
}

    #wizHeader li {
        float: left;
    }

    #wizHeader li {
        padding-left: 12px;
        background: #00A5DF;
    }

        #wizHeader li:hover {
            background: #FE9400;
        }

        #wizHeader li:nth-last-child(1) {
            background: none;
        }

        #wizHeader li a {
            color: white;
            text-decoration: none;
            padding: 5px 0 5px 37px;
            background: #00a5df; /* fallback color */
            position: relative;
            display: block;
            float: left;
        }

            #wizHeader li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid #00a5df;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            #wizHeader li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        #wizHeader li:first-child a {
            padding-left: 10px;
        }

        #wizHeader li:last-child {
            padding-right: 50px;
        }

        #wizHeader li a:hover {
            background: #FE9400;
        }

            #wizHeader li a:hover:after {
                border-left-color: #FE9400 !important;
            }

.content_sd {
    height: 150px;
    padding-top: 75px;
    text-align: center;
    background-color: #F9F9F9;
    font-size: 48px;
}

#wizHeader li LinkButton {
    color: white;
    text-decoration: none;
    padding: 5px 0 5px 37px;
    background: #00a5df;
    position: relative;
    display: block;
    float: left;
}

    #wizHeader li LinkButton:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
        border-bottom: 50px solid transparent;
        border-left: 30px solid hsla(34,85%,35%,1);
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 100%;
        z-index: 2;
    }

    #wizHeader li LinkButton:before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid white;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        margin-left: 1px;
        left: 100%;
        z-index: 1;
    }

#wizHeader li:first-child LinkButton {
    padding-left: 10px;
}

#wizHeader li LinkButton:hover {
    background: #FE9400;
}

    #wizHeader li LinkButton:hover:after {
        border-left-color: #FE9400 !important;
    }
/*Anas Safi*/



.export-excel-data {
    position: absolute;
    top: 3px;
    right: 190px;
    color: #fff;
    border-right: solid 1px #fff;
    padding: 1px 12px 3px 18px;
    margin: 1px 0 0 0px;
}

    .export-excel-data.excel-only {
        right: 49px !important;
        padding: 0 12px 0 0;
    }

.btn {
    font-family: Arial;
}

.ajax__tab_body .export-excel-data {
    right: 190px;
}

.ajax__tab_body .btn.btn-xs.btn-success.plus-square {
    margin: 4px 2px 0 0;
}

#ctl00_ModalPopupExtenderAlert_backgroundElement, .ModalPopupBackground {
    background: rgba(0, 0, 0, 0.6);
    z-index: 100001;
}

div#ctl00_pnlAlert img {
    height: 32px;
    width: 32px;
}

div#ctl00_pnlAlert .box-body .row .col-sm-2 {
    width: 16.66666667% !important;
}

div#ctl00_pnlAlert .box-footer {
    text-align: center;
}

.login-box-bg {
    background: url(../images/img_login2.png) no-repeat 0 0px;
}



.login-box-body .form-control-feedback, .login-box-body .has-feedback label ~ .form-control-feedback {
    top: 20px;
}

.login-box-body {
    width: 360px;
    background: none;
    height: 463px;
}


.login-logo {
    font-family: arial;
    font-weight: bold;
    color: #00A7E1;
    text-align: left;
    margin-left: 10px;
    white-space: nowrap;
}

    .login-logo b {
        color: #FAA74A;
    }

    .login-logo sup {
        font-size: 20px;
    }

.breif h3 {
    font-size: 16px;
    font-weight: bold;
}


.breif {
    font-size: 12px;
    font-family: arial;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-top: 30px;
}

.form-group {
    margin: 10px 50px 0 10px;
}

.login-alert {
    font-weight: bold;
    color: #dd4b39;
    margin: 0 0 0 10px;
}

    .login-alert:before {
        content: '» ';
    }

.ModalPopupBackground.forget-popup {
    background: none;
    top: 247.5px !important;
}

.forget-popup {
    width: 400px;
    height: 20px;
}

    .forget-popup .col-sm-1 {
        width: 30%;
    }

    .forget-popup .col-sm-2 {
        width: 60% !important;
    }

h4.modal-title {
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    font-style: normal;
}

.glyphicon2 {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.login-box small {
    color: #c9d3d8;
    float: right;
    margin-right: 20px;
    font-weight: 500;
    font-size: inherit;
}

.login-box {
    width: 745px;
}

.login-box {
    margin: 7% auto;
}

.mainBody {
    background-color: #0096cf;
}

.modalBackground {
    background: rgba(0, 0, 0, 0.6);
}

@media (max-width: 768px) {

    .login-box-body {
        width: 100%;
        height: auto;
    }

    .login-logo {
        font-size: 2em;
        font-size: 2em;
        margin: auto auto 20px auto;
        text-align: center;
    }

        .login-logo sup {
            font-size: 0.6em;
        }

    .breif {
        display: none;
    }

    .form-group {
        margin: auto auto 10px auto;
    }

    .forget-popup {
        width: 95%;
    }

    .ModalPopupBackground.forget-popup {
        top: 20px !important;
    }
}



.btn-ok {
    background: #0077AD;
    border: none;
    font-size: 0.9em;
    padding: 2px 20px 2px 20px;
    margin-right: 6px;
    color: #fff !important;
}

.row.alert-msg {
    margin: 10px;
    width: 100%;
}


.plus-minus {
    float: right;
    padding: 4px 4px 0 5px;
}

    .plus-minus img {
        cursor: pointer;
        margin-left: 4px;
    }

.box-body .row.notes .col-sm-1 {
    padding-bottom: 45px !important;
}

.box-body .row.notes .col-sm-1-clear {
    padding-bottom: 45px !important;
}



a[disabled="disabled"] {
    color: #999;
}


.btn.btn-sm.btn-primary.btn-invoice {
    margin: 2px 0 0px 0 !important;
    width: 110px;
    padding: 0 0 0 0;
}

.grid-scrl {
    overflow: auto;
}


.txt-tree {
    display: inline;
    width: 40%;
}

.btn-template {
    width: 100%;
    margin-bottom: 4px;
}

.dv-btn-temp table {
    width: 100%;
}

.process-bar {
    margin-bottom: 2px;
}

.grouptextle {
    display: block !important;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: #333; /* border-bottom: 1px solid #f9f9f9; */
    border-bottom: none !important;
}

.grouptextfe {
    /* min-width: 0;
    padding: 25px;
    margin: 1px;
    margin-right: 2px;
    border-color: Black;
    border: 1px solid !important;
    padding-bottom: 60px;*/
    min-width: 0;
    padding: 3px;
    margin: 1px;
    margin-right: -31px;
    border-color: Black;
    border: 1px solid !important;
    padding-bottom: 20px;
    margin-right: -4px;
}

.scrollvoucher {
    overflow-y: scroll !important;
    height: 30px;
}
/*
img.plus:hover, img.minus:hover
{
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
}
.two-grids .btn.btn-xs.btn-success.minus-square
{
    margin-top: 5px;
}

.col-sm-2 .ddlTable
{
    border: solid 1px #D2D6DE;
    width: 100% !important;
}

.col-sm-2 .ddlTable #ImageDiv:hover
{
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
}

.col-sm-2 .ddlTable #TextBoxDiv input
{
    width: 89% !important;
}
.col-sm-2 .ddlTable #ListDiv .PanelStyle
{
    width: 100% !important;
    border: solid 1px #D2D6DE !important;
    padding: 6px;
}

.col-sm-2 .ddlTable #ListDiv .PanelStyle label
{
    font-weight: normal !important;
}
*/

.dv-grid {
    min-height: 135px;
    overflow: auto;
    position: relative; /*background-color: rgba(241, 241, 241, 0.8);*/
}

@media (min-width: 768px) {
    .dv-grid {
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.dv-grid2 {
    max-height: 150px;
    overflow-x: auto;
    overflow-y: auto;
    border: 1px solid #ccc;
}

#AccountGridContent {
    overflow: auto;
}

    #AccountGridContent .selected-info .row, #divPipeLine .selected-info .row {
        margin-right: 0;
    }

#divCodesContent .ajax-panel br {
    display: none;
}

.acc-show-data.data-only {
    right: 85px;
}


.group-btn .lbl-radio {
    float: left;
    color: #fff;
}

    .group-btn .lbl-radio input {
        margin: 8px 2px 0px 9px;
        padding: 0 0 0 0;
        float: left;
    }

    .group-btn .lbl-radio label {
        padding: 0 0 0 0;
        margin: 4px 0 0 0;
        float: left;
    }

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    white-space: normal;
}

    .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 .pull-right {
        font-size: 1em !important;
    }

.full-popup {
    width: 100% !important;
    /*height: 100% !important;*/
    overflow: auto;
    overflow-x: hidden;
    background: #fff;
}

    .full-popup .box {
        height: 100% !important;
    }

    .full-popup .box-body {
        height: 96% !important;
    }

        .full-popup .box-body > div {
            height: 80%;
        }

    .full-popup .row.rw-editor div.col-sm-12, .full-popup .row.rw-editor {
        height: 100%;
    }

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 103px;
    padding: 10px;
    text-align: center;
}

.box-scheduler {
    border: solid 2px #0082B9 !important;
}

.icn-controls {
    float: right;
    margin: 4px 10px 0 0;
}

.navbar.navbar-static-top {
    position: static;
}




.cal-sch {
    background: url('../images/icn-cal.png') no-repeat right 2px !important;
    width: 50% !important;
    border: 1px solid #ccc !important;
}

.time-sch {
    background: url('../images/icn-time.png') no-repeat right 2px !important;
    width: 47% !important;
    border: 1px solid #ccc !important;
}


.export-excel-data-team {
    position: absolute;
    top: 3px;
    right: 280px;
    color: #fff;
    border-right: solid 1px #fff;
    padding: 1px 12px 3px 18px;
    margin: 1px 0 0 0px;
}

.export-excel-data.team {
    right: 280px;
    padding: 0 12px 0 0;
}

.export-excel-data.excel-add {
    right: 110px !important;
    padding: 0 12px 0 0;
}

.input-group.cal-btn input[type=image] {
    position: absolute;
    margin: 3px 0 0 -24px;
    z-index: 2;
}

    .input-group.cal-btn input[type=image]:focus {
        outline: none;
    }

.input-group.cal-btn {
    display: block;
}

.input-group {
    display: block;
    margin: 0px -4px 0 1px;
}

.input-group2 {
    display: block;
    margin: 0px -3px 0px 0px;
}


.col-sm-6 .col-sm-1 {
    width: 17%;
}

.box-body .row .col-sm-6 .col-sm-5 {
    width: 75%;
}

.col-sm-2 .input-group.symbol input {
    width: 47%;
}

.col-sm-2 .input-group.symbol span {
    float: left;
    padding: 0 3px 0 0;
}

.input-group input.form-control, .input-group select.form-control {
    width: 49%;
}

    .input-group input.form-control:nth-child(1) {
        /*margin-right: 3px;*/
    }

.lbl-progress {
    position: absolute;
    display: block;
    width: 100%;
    margin-top: -19px;
    font-size: 12px;
}

.progress-bar {
    float: left;
    height: 100%;
    color: #fff;
    text-align: center;
    background-color: #40d045;
}

.progress-dv {
    margin-top: -38px;
    position: absolute;
    right: 15px;
    background: #fff;
    padding-left: 10px;
}

.progress {
    height: 5px;
    width: 330px;
    background-color: #e4e4e4;
    margin: 24px 0 0 0;
}

.Notifications-drp-dwn {
    margin-top: 30px;
    position: absolute;
    width: 300px;
    right: 0;
}

    .Notifications-drp-dwn div:nth-child(1) div:nth-child(1) {
        border: 1px solid #ccc !important;
        background: #006FA5;
        color: #fff;
        padding: 5px 0 !important;
    }

    .Notifications-drp-dwn div {
        background: #f8f8f8;
        padding: 10px 0px;
        margin: -10px 0;
        border-bottom: 1px solid #ccc;
    }

        .Notifications-drp-dwn div:nth-child(1) {
            border: none !important;
        }

.navbar-brand.logo {
    width: 100%;
    white-space:nowrap;
}

@media (max-width: 767px) {
    div#navbar-collapse {
        /* display: block !important; */
        /* float: left; */
    }

    div#navbar-collapse {
        margin: 0 0 0 0;
    }

    .main-header .logo img {
        width: 30%;
    }
}

.back-forth input {
    margin-bottom: 5px;
}

.back-forth {
    margin: 5% auto;
    width: 6%;
}


.back-right, .front-left {
    width: 47%;
}

@media (max-width: 767px) {
    .back-right, .front-left {
        width: 100%;
    }

    .back-forth {
        text-align: center;
        margin: 1% auto;
        width: 100%;
    }

        .back-forth input {
            ms-transform: rotate(90deg);
            web-kit-transform: rotate(90deg);
            transform: rotate(90deg);
            width: 30px !important;
        }
}

.back-forth input {
    margin-bottom: 5px;
    position: inherit;
    right: 0;
    clear: both;
    width: 100%;
    padding: 0;
}

fieldset.search-calculate, fieldset.confirm-fld-set, fieldset.unsettled-fld-set {
    border: 1px solid #ccc;
    padding: 0 12px 8px 6px;
}

fieldset.search-calculate {
    margin-left: 15px;
}

    fieldset.search-calculate .box-footer input, fieldset.confirm-fld-set .box-footer input, fieldset.unsettled-fld-set .box-footer input {
        width: 47%;
        float: left;
        margin: 0 5px;
        color: #fff !important;
    }

    fieldset.search-calculate .box-footer, fieldset.confirm-fld-set .box-footer, fieldset.unsettled-fld-set .box-footer {
        padding: 0;
        background-color: #fff !important;
        border-top: none;
        margin-top: 0;
    }

        fieldset.unsettled-fld-set .box-footer input {
            width: 100%;
        }

.collapse-btn, .expand-btn {
    background: none;
    border-right: 1px solid #fff;
    color: #fff;
    margin-top: 5px;
    border-radius: 0;
    height: 20px;
    padding: 0px 7px;
}

    .collapse-btn:hover, .expand-btn:hover, .collapse-btn:active, .expand-btn:active, .collapse-btn:focus, .expand-btn:focus {
        opacity: 0.7 !important;
        background: none !important;
        color: #fff;
    }

i.fa.fa-compress:after {
    font-family: arial;
}

i.fa.fa-expand:after {
    font-family: arial;
}

.btn.btn-default {
    border: none;
}



.back-forth2 {
    margin: 0 auto;
    width: 6%;
}

.AdvancedSearch {
    background: #CDD9DE;
    border: 1px solid #FFFFFF;
    padding: 3px 10px;
    margin: 0px auto;
    text-align: left;
    color: #4D4D4F;
}

    .AdvancedSearch:hover, .AdvancedSearch:focus {
        background: #007FB5;
        color: #fff;
        cursor: pointer;
    }

.AdvancedSearch-dtls {
    border-top: none;
    margin-bottom: 10px;
    padding: 10px 10px;
}

    .AdvancedSearch-dtls legend {
        border-bottom: 2px solid #BFBFBF;
        border-radius: 0px 0px 3px 3px;
        padding: 0 10px;
        font-weight: bold;
    }



/*i.fa.fa-download:after
{
    content: ' Import';
    font-family: arial;
}*/
/*i.fa.fa-times-circle:after
{
    content: ' Close';
    font-family: arial;
}*/

.notes .col-sm-2.serv-btns {
    margin-left: 130px;
}


/*Input Group 2*/

.input-group2 input.form-control, .input-group2 select.form-control {
    width: 33%;
    float: left;
}

.col-sm-8.type {
    margin: 8px 0px 0px 10px;
}

/*.input-group2 input.form-control, .input-group2 select.form-control {
    width: 33%;
    float: left;
}
.input-group2 input:nth-child(1) {
    width: 38.6%;
}
.input-group2 select {
    width: 21.1% !important;
    margin-left: 7px;
}
input#ctl00_ContentPlaceHolder1_ucAmount_txtMonthlyAmount {
    margin-left: 2px;
    width: 38.7%;
}
@media(max-width: 767px)
{
    .input-group2 input:nth-child(1) {
    width: 100%;
}
    }
*/
/*Input Group 2*/

i.fa.fa-bell-o {
    margin-top: 14px;
    color: #fff;
}

.pnlDynamic {
    margin-left: 20px;
}

/*span.lbl-checkbox input {
    height: 13px;
}*/
input[type=checkbox], input[type=radio] {
    height: 13px;
    margin: 4.5px 5px;
}

@media (max-width: 768px) {
    input[type=checkbox], input[type=radio] {
        margin: 4.5px 1px;
    }
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    margin-right: 1;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    padding: 2px 15px 2px 15px;
    color: #005B88;
    background: #FFFFFF;
    border-top: 2px solid #f39c12;
    border-right: 1px solid #008FC7;
    border-left: 1px solid #0082B9;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #0077AD;
    border-color: #0077AD;
    border-bottom-color: #D2D6DE;
    border-left-color: #D2D6DE;
    color: #fff;
}

.tab-content.responsiv {
    /*padding: 10px;     border: 1px solid #D2D6DE;*/
    border-top: none;
}

.nav-tabs > li > a {
    margin-right: 1px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    padding: 2px 15px 2px 15px;
    color: #FFFFFF;
    background: #005B88;
    border-top: 2px solid #22A7F0;
    border-right: 1px solid #008FC7;
}

.nav-tabs {
    border-bottom: 1px solid #0082B9;
}

.flat-blue .nav-tabs > li > a:hover {
    background-color: #008FC7;
}

.flat-blue .nav-tabs {
    background: none;
}

em.fa.fa-angle-down {
    margin: 3px 0px 0 0;
    transform: translateX(45%);
    float: right;
}

em.fa.fa-circle {
    font-size: 7px;
    margin-right: 5px;
    transform: translateY(-35%) !important;
}

textarea.form-control {
    height: 49px;
}


.navbar-header:hover .dropdown-menu {
    display: block;
    margin-top: 0px;
}

.skin-blue .navbar-header:hover .logo {
    line-height: normal !important;
    background-color: rgb(2, 74, 107);
}

.skin-blue .navbar-header .logo .caret {
    margin: 25px 10px 0 7px;
}

.subject-legend {
    border: 0 !important;
}

.content-header > .breadcrumb {
    float: right;
    background: rgb(255, 255, 255);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 12px;
    right: 10px;
    border-radius: 2px;
    padding: 5px 10px;
    font-weight: bold;
}

    .content-header > .breadcrumb > li + li:before {
        content: '|';
    }

ul.nav.navbar-nav {
    padding: 0 !important;
}

.col-btn2 {
    margin-top: 10px;
    text-align: center;
}

ul.nav.nav-tabs {
    margin-top: 10px;
}

.tab-content > .active {
    padding: 6px;
    border: 1px solid #0082B9 !important;
    border-top-width: 0 !important;
}

.skip {
    font-size: 0.9em;
    padding: 0 10px;
    margin-top: 5px;
    height: 20px;
    background: none;
    padding-left: 24px;
    padding-right: 10px;
    border: none;
    border-right: solid 1px #fff;
    border-radius: 0 0 0 0;
    color: #fff !important;
}

    .skip:hover, .skip.active, .skip.focus, .skip:active .open > .dropdown-toggle.skip {
        background: transparent !important;
        opacity: 0.7 !important;
        filter: alpha(opacity=70) !important;
        border-color: rgba(255,255,255,0.7);
    }

.btn-save2:hover, .btn-save2.active, .btn-save2.focus, .btn-save2:active .open > .dropdown-toggle.btn-save2 {
    background: transparent url('../images/icn-save.png') no-repeat 6px 1px !important;
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    border-color: rgba(255,255,255,0.7);
}

.btn-saveTranaction:hover, .btn-saveTranaction.active, .btn-saveTranaction.focus, .btn-saveTranaction:active .open > .dropdown-toggle.btn-saveTranaction {
    background: transparent url('../images/icn-save.png') no-repeat 6px 1px !important;
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    border-color: rgba(255,255,255,0.7);
}

.ctrl-pad {
    padding-left: 0;
    padding-right: 2px;
}

.dv-grid table tr td a {
    color: #000;
}

    .dv-grid table tr td a:hover, .dv-grid table tr td a:active, .dv-grid table tr td a:focus {
        color: #00A4DE;
    }

.dynamic-Panel tr td:nth-child(1) {
    background: #EFEFEF;
    padding: 5px 0 4px 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    color: #4D4D4F;
    font-size: 0.9em;
}

.label-warning-night {
    background-color: #005577;
}

span.label.label-warning-night {
    position: absolute;
    top: 9px;
    right: 0;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}

span.label.label-warning {
    position: absolute;
    top: 9px;
    right: 0;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}

.plus-minus {
    display: none;
}


div#ctl00_UpdateDivAjaxUpdate {
    margin: 0px;
    padding: 0px;
    position: fixed;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 30001;
    opacity: 0.8;
    top: 1px;
    left: 0px !important;
    background-color: rgb(102, 102, 102) !important;
}

#ctl00_ContentPlaceHolder1_fieldList {
    display: inline-block;
    font-size: 1em;
    margin: 0;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    padding: 3px;
    border-bottom-style: none;
}

/****added by jawad********/
.row > [ class*="col-"] {
    margin-bottom: 0 !important;
}

@media (max-width: 768) {

    .row > [ class*="col-"] {
        margin-bottom: 2px !important;
    }
}

#ctl00_ContentPlaceHolder1_trFullName1, #ctl00_ContentPlaceHolder1_trFullName2 {
    margin-bottom: 0px;
}

.app-container .content-container .side-menu .navbar-header .navbar-brand, .navbar > .container .navbar-expand-toggle, .navbar > .container-fluid .navbar-expand-toggle, .navbar > .container .navbar-right-expand-toggle, .navbar > .container-fluid .navbar-right-expand-toggle, .navbar .navbar-breadcrumb > li, .navbar .navbar-nav > li > a, .app-container .content-container .side-menu .navbar-header .navbar-expand-toggle {
    height: 40px !important;
    /* line-height: 40px !important; */
    padding-top: 10px;
}

.navbar {
    min-height: 30px !important;
}

.app-container .content-container .side-menu .navbar-header .navbar-brand .icon {
    display: block !important;
    height: 40px;
    float: left;
}

.boat-logo img {
    width: 30px;
    margin-top: 4px;
    margin-left: -14px;
}

.app-container .content-container .side-body {
    padding-top: 40px !important;
}

#content {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
}

.flat-blue .navbar .navbar-nav .dropdown-menu.danger .title, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu.danger .title {
    background-color: #00C0EF;
    color: #FFF;
}

@media (min-width: 320px) and (max-width: 510px) {
    .flat-blue .navbar .navbar-nav .dropdown-menu.danger .title, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu.danger .title {
        transform: translateX(-53%);
        width: 212%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .flat-blue .navbar .navbar-nav .dropdown-menu.danger .title, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu.danger .title {
        transform: translateX(0%);
        width: 131%;
    }
}

.flat-blue .navbar .navbar-nav > li.danger.open > a, .flat-blue .navbar.navbar-default .navbar-nav > li.danger.open > a, .flat-blue .navbar.navbar-default .navbar-nav > li.danger > span.open {
    background-color: #00C0EF;
    color: #FFF;
    width: 45px;
}

.flat-blue .navbar .navbar-nav > li.danger > span, .flat-blue .navbar.navbar-default .navbar-nav > li.danger > span {
    border-bottom: 4px solid #00c0ef;
    color: #fff;
    display: inline-block;
    height: 40px;
    width: 45px;
    text-align: center;
    font-size: 1.3em;
}

    .flat-blue .navbar.navbar-default .navbar-nav > li.danger > span > a {
        width: 45px;
        height: 40px;
        display: block;
    }

        .flat-blue .navbar.navbar-default .navbar-nav > li.danger > span > a:hover {
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

    .flat-blue .navbar.navbar-default .navbar-nav > li.danger > span.open > a:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .flat-blue .navbar.navbar-default .navbar-nav > li.danger > span.open > a {
        background-color: #00C0EF;
    }



.list-group-item {
    font-size: 0.9em;
    white-space: nowrap;
}

    .list-group-item span {
        font-weight: bold;
        color: #F0AD4E;
    }

    .list-group-item i {
        color: #00C0EF;
    }

.dropdown-menu {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown.notifications-menu.lang a {
    padding-top: 11px;
}

.navbar > .container .navbar-right-expand-toggle .icon, .navbar > .container-fluid .navbar-right-expand-toggle .icon {
    color: #fff;
}

.lang .active > a, .lang .active > a:focus, .lang .active > a:hover {
    background-color: #337ab7 !important;
}

.app-container .app-footer {
    background: #EFEFEF;
}

.CalendarPoxPriamry {
    padding-left: 0px;
    border-top: 2px solid !important;
    border-top-color: #0082B9 !important;
    height: 997px;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background: none !important;
}

.app-container .app-footer .wrapper {
    padding: 0 20px !important;
    height: 40px !important;
    line-height: 40px !important;
}

.app-container {
    min-height: 100%;
    position: relative;
    padding-bottom: 40px;
}

.boat img {
    margin-top: 5px;
}

@media (max-width: 767px) {
    .lang li:hover a {
        color: #777 !important;
    }
}


li.panel.panel-default.dropdown .panel-body {
    padding: 0 0 0 0 !important;
    background: #0F6F9E;
}

    li.panel.panel-default.dropdown .panel-body li.panel.panel-default.dropdown .panel-body {
        background: #1D84B7;
    }


.panel-body span.title i {
    margin-right: 10px;
    font-size: 11px;
}

.panel .panel-body .panel-body .nav i {
    margin-right: 10px;
    margin-left: 14px;
}

.flat-blue .side-menu.sidebar-inverse .navbar li.active > a {
    border-bottom: solid 1px #D1EBF9;
}

.flat-blue .side-menu.sidebar-inverse .navbar li.active li.active > a {
    background: #f9f9f9;
}

.flat-blue .side-menu.sidebar-inverse .navbar li.active li.active li.active a {
    background: #FFFFFF;
    font-weight: bold;
}




.panel-body .navbar-nav > li.panel:hover > a, .panel .panel-body .panel-body .navbar-nav > li:hover > a {
    color: #7AD0FF;
}

textarea {
    margin-bottom: 3px;
}


.title-comp {
    color: #FFF;
    font-weight: bold;
    margin-top: 12px;
    border-right: solid 1px #00C0EF;
    padding-right: 15px;
    padding-left: 15px;
}

.popup-medium {
    width: 50%;
    margin: auto;
}

.popup-large {
    width: 90%;
    margin: auto;
}

.alert-dialog .box-body .row .col-sm-2 {
    width: 54%;
}

.alert-dialog .box-body .row .col-sm-1 {
    width: 12%;
    margin-left: 14px;
}

.alert-dialog {
    width: 50%;
}

.col-sm-12.gray {
    background: #EFEFEF;
    padding: 3px 0 0 6px;
    margin: 5px 2px 3px 14px !important;
    color: #4D4D4F;
    font-size: 0.9em;
    width: 88% !important;
}

.row.col-6 {
    margin: 0px -21px 0px -20px;
}

h1.title {
    font-size: 16px;
    margin: 10px 0 0 0;
    font-weight: bold;
    color: #333;
}

.CalendarFooter {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
}

h1.title i {
    background: #fff;
    font-weight: bold;
    color: #777;
    padding: 0 4px 0 4px;
    font-size: 18px;
}

.breadcrumb .fa.fa-angle-down {
    padding: 0 5px;
    color: #BFE3F1;
    font-weight: bold;
}

.breadcrumb a.dropdown-toggle span {
    color: #fff;
}

.breadcrumb ul.dropdown-menu.mega-dropdown-menu.row {
    left: 68px;
}

.breadcrumb > li > .dropdown-menu {
    margin-top: 6px !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #FFFFDE;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    z-index: 1000;
}

.mega-dropdown-menu {
    padding: 20px 0px !important;
    min-width: 200px;
    box-shadow: none;
    width: 1172px;
}

    .mega-dropdown-menu .dropdown-header {
        padding-left: 0;
    }

    .mega-dropdown-menu:before {
        content: "";
        border-bottom: 15px solid #fff;
        border-right: 17px solid transparent;
        border-left: 17px solid transparent;
        position: absolute;
        top: -15px;
        left: 36px;
        z-index: 10;
    }

    .mega-dropdown-menu:after {
        content: "";
        border-bottom: 17px solid #ccc;
        border-right: 19px solid transparent;
        border-left: 19px solid transparent;
        position: absolute;
        top: -17px;
        left: 34px;
        z-index: 8;
    }

    .mega-dropdown-menu .dropdown-header {
        color: #F0AD4E !important;
        font-size: 18px;
        font-weight: bold;
    }

    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }

        .mega-dropdown-menu > li > ul > li {
            list-style: none;
        }

.navbar-header:hover .breadcrumb > li ul.dropdown-menu.mega-dropdown-menu.row {
    display: none;
}

.navbar-header:hover .breadcrumb > li.open ul.dropdown-menu.mega-dropdown-menu.row {
    display: block;
}

.breadcrumb > li:hover a span {
    color: #BFE3F1;
}

ul.dropdown-menu.mega-dropdown-menu.row > li {
    float: left;
    line-height: 26px;
    margin-left: 13px;
    padding-right: 10px;
    height: 100%;
    min-width: 190px;
}

.mega-dropdown-menu > li > ul > li {
    padding-left: 10px;
    padding-right: 10px;
}

    .mega-dropdown-menu > li > ul > li:hover, .mega-dropdown-menu > li > ul > li.active {
        background: #EAEAC2;
    }

    .mega-dropdown-menu > li > ul > li.dropdown-header {
        background: none;
        padding-left: 10px;
    }

highboxsbody {
    height: 218px !important;
}

@media (max-width: 1100px) {

    .breadcrumb ul.dropdown-menu.mega-dropdown-menu.row {
        max-height: 380px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {

    .breadcrumb ul.dropdown-menu.mega-dropdown-menu.row {
        left: 0;
        width: 100%;
        max-height: 340px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .flat-blue .navbar .navbar-breadcrumb li, .flat-blue .navbar.navbar-default .navbar-breadcrumb li {
        width: 100%;
    }

    .breadcrumb > li > .dropdown-menu {
        margin-top: -1px !important;
    }
}

.app-container .content-container .side-menu .navbar-nav li.dropdown > a:after {
    content: ' ' !important;
}

.expanded .breadcrumb ul.dropdown-menu.mega-dropdown-menu.row {
    left: 259px;
}


.col-sm-2.col-img {
    width: 2% !important;
    margin-left: 50px;
}

@media (max-width: 1300px) {
    .col-sm-2.col-img {
        margin-left: 20px;
    }
}

@media (max-width: 900px) {
    .col-sm-2.col-img {
        margin-left: 07px;
    }
}

@media (max-width: 767px) {
    .col-sm-2.col-img {
        width: 2% !important;
        height: auto !important;
        margin-left: 15px;
    }

    .wid {
        width: 25%;
    }
}

.front-left .col-sm-1, .back-right .col-sm-1 {
    width: 13%;
}

.front-left .col-sm-10, .back-right .col-sm-10 {
    margin-left: -13px;
}

.PopupPanel {
    width: 65%;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 80%;
}

@media (min-width :1024px) {
    .PopupPanel {
        height: 600px;
    }
}

.dv-tree {
    overflow-y: auto;
    min-height: 135px;
    overflow-x: auto;
    position: relative;
    height: 400px;
}

.btn-fixed {
    padding-left: 0px;
    border: none;
    font-size: 0.9em;
    padding: 3px 19px 4px 23px;
    margin: 0px 2px 0px 0px;
}

table.calendar-tbl {
    width: 90%;
    margin: 15px 0 15px 30px;
}

.calendar-btn {
    width: 100%;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.19) !important;
    border-top: none !important;
}

    .calendar-btn:hover, .calendar-btn:focus {
        background: #fcb034;
    }

    .calendar-btn[disabled] {
        background-color: #769FC1;
    }

.calendar-lbl {
    display: inline-block !important;
    width: 100% !important;
    text-align: center;
    color: #6B6B6B;
    border: 2px solid #fcb034;
    border-right: 1px solid #ccc;
    border-left: none;
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
    padding: 5px 0px;
    background: #FFFEDB;
}

@media (max-width: 767px) {
    .calendar-btn[disabled] {
        margin-bottom: 4px !important;
        font-size: 12px;
        padding: 2px 7px 2px 7px;
    }

    table.calendar-tbl {
        width: 90%;
        margin: 15px 0 15px 18px;
    }
}


.box-body .row .col-sm-1-clear {
    color: #4D4D4F;
    font-size: 13px !important;
}


.ArrowsMiddel {
    margin: 0px 0px 0px 46% !important;
}

@media (max-width: 1024px) {
    .ArrowsMiddel {
        margin: 0px 0px 0px 41% !important;
    }
}

.btnfloat {
    float: left;
}

.NextPrevious {
    text-align: center;
}

.full-name {
    width: 22% !important;
    display: inline-block;
    float: left;
}

@media (max-width: 1350px) {
    .full-name {
        width: 20.44% !important;
    }
}

.flat-blue .navbar.navbar-default .navbar-nav > li.danger > span.open > .dropdown-menu {
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    .progress-dv {
        margin-top: -5px;
        position: relative;
        padding-left: 15px;
        margin-bottom: 10px;
        margin-right: -15px;
    }

    .progress {
        width: 100%;
    }

    .lbl-progress {
        font-size: 11px;
    }

    .flat-blue .navbar.navbar-default .navbar-nav > li.danger > span.open > .dropdown-menu {
        margin-top: 21px !important;
    }

    .full-name {
        width: 14.75% !important;
    }

    .tmp-entry {
        width: 60%;
        display: block !important;
        margin: 20px 25% !important;
    }

    .mega-dropdown-menu {
        width: 70% !important;
    }
}

.tmp-entry {
    height: auto !important; /* width: 17% !important; */
    display: block;
    margin: 0 auto;
}

@media (max-width: 816px) {
    .tmp-entry {
        margin: 10px 0 0 30%;
        width: 50% !important;
    }
}

.box-body .row .col-sm-8 {
    padding-left: 0px;
    padding-bottom: 2px;
}

@media (max-width: 1032px) {
    .box-body .row .col-sm-2.serv-btns {
        width: 100%;
        display: block;
        text-align: left;
        margin-left: 15%;
    }
}

@media (max-width: 768px) {
    .box-body .row .col-sm-2.serv-btns {
        margin-left: 32%;
    }
}

@media (max-width: 360px) {
    .box-body .row .col-sm-2.serv-btns {
        margin-left: 35%;
    }
}

.ajax__calendar_container TD {
    border: none !important;
}

.lbl-Query {
    height: 325px !important;
}

.lbl-Variables {
    height: 300px !important;
}

.col-sm-1.lbl-body {
    height: 228px !important;
}

@media (max-width: 1059px) {
    .mega-dropdown-menu {
        width: 50%;
    }
}

@media (max-width: 872px) {
    .mega-dropdown-menu {
        width: 70%;
    }
}

@media (max-width: 1100px) {
    .mega-dropdown-menu {
        width: 35%;
    }
}

.PopupOddTransactions {
    width: 70%;
}

@media (max-width: 1025px) {
    .lbl-checkbox label, .lbl-radio label {
        font-weight: normal;
        font-size: 11px;
        padding-left: 1px;
    }
}

@media (max-width: 321px) {
    .lbl-checkbox label, .lbl-radio label {
        font-weight: normal;
        font-size: 8px;
        padding-left: 1px;
    }
}

table.lbl-checkbox tr td {
    display: inline-block;
    width: 40%;
}

span.lbl-checkbox input[type=checkbox], span.lbl-checkbox input[type=radio] {
    margin-left: 15px;
}

.popup-special {
    width: 50%;
}

@media (max-width: 768px) {
    .popup-special {
        width: 70%;
    }
}

td.lbl-td {
    background: #EFEFEF;
    padding: 3px 0 0 6px !important;
    margin: 0 2px 3px 5px !important;
    color: #4D4D4F;
    font-size: 0.9em;
    height: 24px;
}

td.DynamicControlsText {
    width: 20%;
}
/*
::-webkit-scrollbar
{
    width: 8px;
    height: 12px;
}

::-webkit-scrollbar-thumb
{
    background: rgb(0, 143, 199);
}

::-webkit-scrollbar-track
{
    background: rgb(153, 211, 234);
}
*/
@media (max-width: 991px) {
    .box-body .row .col-sm-9 {
        width: 64%;
    }
}

@media (max-width: 1024px) {
    .box-body .row .col-sm-9 {
        width: 61%;
        float: left;
    }
}

.Parameters {
    height: 135px;
}

.btn-center {
    margin-left: 42%;
}

@media (max-width: 675px) and (min-width: 600px) {
    .first {
        margin-left: 8px;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .special-row {
        margin-bottom: 70px;
    }

        .special-row .col-sm-5 table.lbl-checkbox input[type=checkbox] {
            margin-left: 15px;
            margin-right: 0;
        }
}

@media (min-width: 768px) {
    .special-row {
        margin-bottom: 70px;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .special-ovrflw table.lbl-checkbox tr td {
        display: inline-block;
        width: 25%;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .special-ovrflw {
        display: inline-block;
        width: 81.6%;
        overflow-x: auto;
        border: 1px solid #ccc;
        padding: 0 10px;
        height: 49px;
        overflow-y: auto;
    }

        .special-ovrflw table.lbl-checkbox tr td {
            display: inline-block;
            width: 8%;
        }

        .special-ovrflw .lbl-checkbox {
            width: 100%;
        }
}

@media (min-width: 1024px) {
    table.lbl-checkbox tr td {
        width: auto;
    }

    .box-body .row .col-sm-11.special-ovrflw {
        width: auto;
        height: 51px;
    }
}

@media (max-width: 768px) {
    .special-ovrflw {
        display: inline-block;
        width: 59%;
        overflow-x: auto;
        border: 1px solid #ccc;
        padding: 0 10px;
        height: 49px;
        overflow-y: auto;
    }

        .special-ovrflw table.lbl-checkbox tr td {
            display: inline-block;
            width: 25%;
        }

    .btnhazzrd {
        margin-right: 10px;
    }
}


.txt-size {
    width: 225px;
}


.txt-td {
    padding: 0px !important;
}

.txt-yes-no {
    width: 125px;
}

.input-group-P {
    padding: 0px !important;
}

.start {
    margin-left: -20px;
}

.additinal {
    width: 80%;
}

.popup-box-body {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.closeAtt {
    background: transparent;
    padding-top: 4px;
    padding-left: 24px;
    padding-right: 10px;
    border: none;
    border-radius: 0 0 0 0;
}

    .closeAtt:hover, .closeAtt.active, .closeAtt.focuse, .closeAtt:active.open > .dropdown-toggle.closeAtt {
        background: transparent;
        opacity: 0.7 !important;
        filter: alpha(opacity=70) !important;
    }

@media (max-width: 1067px) {
    .responsiv-checkbox {
        width: 100% !important;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .popup-box-body {
        height: 350px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .box-body .row .ctrl-pad {
        margin-left: -60px;
    }

    .box-body .row .col-sm-8 .ajax__htmleditor_editor_base.ajax__htmleditor_editor_default {
        margin-left: -60px;
        width: 100%;
    }

    .box-body .row .col-sm-8 input.form-control {
        margin-left: -60px;
    }
}

@media (min-width: 320px) and (max-width: 414px) {
    .box-body .row .col-sm-8 .ajax__htmleditor_editor_base.ajax__htmleditor_editor_default {
        margin-left: -25px;
    }

    .box-body .row .col-sm-8 input.form-control {
        margin-left: -25px;
    }
}

.pnlVoucherMissingSetupLists {
    width: 500px;
}

.form-control-listbox {
    padding: 0 4px 0px 4px;
    font-size: 0.85em;
}

.Configure_Wizard {
    margin: 8px 0 0 -20px;
    font-size: 22px;
}

.bootstrap-dialog-close-button.pull-right {
    margin: 3px 5px 0 0;
}

.popup-view.full-popup .box {
    margin-bottom: 0px;
}

.ajax__calendar .ajax__calendar_container {
    z-index: 9999;
}

.dv-pnl {
    max-height: 370px;
    height: 370px;
    overflow-y: auto;
}

    .dv-pnl::-webkit-scrollbar {
        width: 8px;
        height: 12px;
    }

    .dv-pnl::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
    }

    .dv-pnl::-webkit-scrollbar-thumb {
        background: rgb(0, 162, 220);
    }

.aproval-btn {
    float: right;
    margin-bottom: 10px;
}

.aproval-btn-left {
    /*margin-bottom: 10px;*/
}

    .aproval-btn-left .btn-success, .aproval-btn-left .btn-danger {
        border-radius: 0;
        margin: 0 !important;
        padding: 0 5px;
    }

.aproval-btn .fa-envelope, .aproval-btn .fa-envelope-open-o {
    color: #006fa5;
    font-size: 1.5em;
    margin-left: 10px;
    margin-right: 5px;
}

.aproval-btn .fa-file-excel-o {
    color: green;
    font-size: 1.5em;
    margin-left: 10px;
    margin-right: 5px;
}

.fld-st {
    border: none;
    box-shadow: none;
    border-radius: 0 !important;
    /*border-bottom: 1px solid #ccc;*/
}

    .fld-st .lgnd {
        background: none;
        border-bottom: 1px solid #cccccc;
    }

        .fld-st .lgnd .panel-title {
            color: #00afef;
        }

.box-body .row .col-sm-3 {
    padding: 0 0 0 5px;
    width: 24%;
    height: 27px;
}

table.collapse-wbgrid td {
    border: none !important;
    font-size: 11px;
}

.collapse-wbgrid-txt {
    font-size: 11px;
    font-family: arial;
}

.collapse-wbgrid-dtls td {
    border: none !important;
    padding: 0 !important;
}

.collapse-wbgrid-dtls table table {
    border-bottom: 1px solid #ccc;
    font-size: 15px;
}

.collapse-wbgrid-dtls label {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100px;
}

.collapse-wbgrid-dtls span.actions-tbl {
    width: 100px !important;
    display: inline-block;
    text-align: center;
    margin: 0 auto !important;
    font-size: 10px !important;
    padding: 2px 0;
}

.collapse-wbgrid-date {
    display: inline-block;
    width: 130px;
    s;
}

.tree-view .col-md-2 {
    padding-right: 2px;
}

.tree-view .col-md-10 {
    padding-left: 2px;
}

.box-body .row .col-sm-3:nth-child(1) {
    margin: 0 2px 3px 15px !important;
}

.box-body .row .col-sm-3 {
    background: #EFEFEF;
    padding: 3px 0 0 6px;
    margin: 0 2px 3px 5px !important;
    color: #4D4D4F;
    font-size: 0.9em;
    height: 24px;
}

.moving-btn {
    height: 246px;
}

.move-btn:first-child {
    margin-top: 35%;
    margin-bottom: 10%;
}

.move-btn {
    width: 100px;
}
/*Upload New Design*/
.file-upload {
    position: relative;
    overflow: hidden;
}

    .file-upload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }
/*Upload New Design*/
.special-form-ctrl {
    display: inline-block;
    width: 65%;
}

/*maen*/
.short-cuts-lnk {
    position: relative;
    background: #fff;
    display: inline-block;
    padding-right: 20px;
    top: 5px;
    float: right;
}

    .short-cuts-lnk a {
        padding-left: 10px;
        font-size: 8px;
        color: #6B6262;
    }

h1.title {
    font-size: 16px;
    margin: 15px 0 0 0;
    font-weight: bold;
    color: #6b6262;
}


.close {
    filter: alpha(opacity=50);
    opacity: .5;
    line-height: 24px;
}
/*.box-body .row .col-sm-3 {
    padding: 0 0 0 0;
    width: 39.5%;
    height: 27px;
    margin: 0 2px 0 15px;
    background: #f2f2f2;
}*/
.box-body .row .col-sm-7 {
    padding-left: 0;
    width: 34.1%;
}


.ajax-panel br {
    display: none;
}

@media (max-width: 768px) {
    .box-body .row .col-sm-7 {
        width: 100%;
        padding: 15px;
    }

    .box-body .row .col-sm-2 span {
        margin-left: 10px;
    }
}