body {
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    font-size: 15px;
    line-height: 16px;
    font-weight: 300;
    color: #4a4a4a;
    background-color: #FFF;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
}


/* HEADINGS */

h1 {
    font-size: 22px;
    line-height: 44px;
    font-weight: 400;
    color: #00B9F2;
}

h2 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
}

h3 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #00B9F2;
    margin-top: 0px;
}

h4 {
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    color: #00B9F2;
    margin-top: 0px;
    margin-bottom: 15px;
}

h5 {
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    margin-bottom: 15px;
}

h6 {
    font-size: 10px;
    line-height: 12px;
    font-weight: 300;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-13 {
    font-size: 13px;
}

/* PARAGRAPH TEXT */

p {
    margin-bottom: 10px;
    line-height: 20px;
}

/* BODY TEXT */

.btext-light-cyan {
    color: #00B9F2;
    font-weight: 300;
}

.btext-light-grey {
    color: #4a4a4a;
    font-weight: 300;
}

.btext-light-white {
    color: #FFFFFF;
    font-weight: 300;
}

.btext-light-red {
    color: #FF0000;
    font-weight: 300;
}

.btext-light-green {
    color: #00A651;
    font-weight: 300;
}

.btext-regular-cyan {
    color: #00B9F2;
    font-weight: 400;
}

.btext-regular-grey {
    color: #4a4a4a;
    font-weight: 400;
}

.btext-regular-white {
    color: #FFFFFF;
    font-weight: 400;
}

.btext-regular-red {
    color: #CD0A0A;
    font-weight: 400;
}

.btext-semibold-cyan {
    color: #00B9F2;
    font-weight: 600;
}

.btext-semibold-grey {
    color: #4a4a4a;
    font-weight: 600;
}

.btext-semibold-red {
    color: #CD0A0A;
    font-weight: 600;
}

.btext-bold-red {
    color: #CD0A0A;
    font-weight: 700;
}

.btext-bold-cyan {
    color: #00B9F2;
    font-weight: 700;
}

.btext-bold-grey {
    color: #4a4a4a;
    font-weight: 700;
}


/* FONT WEIGHTS */

.light {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.semibold {
    font-weight: 500;
}

.bold {
    font-weight: 600;
}


/* FONT WEIGHTS */

.line-height-18 {
    line-height: 18px;
}

.line-height-19 {
    line-height: 19px;
}



/* COST CENTRE TEXT COLOURS */

.orange-text {
    color: #FF8700;
}

.awn-text {
    color: #00B9F2;
}

.aswn-text {
    color: #2E3192;
}

.kacare-text {
    color: #CD0A0A;
}

.avea-text {
    color: #00A651;
}

.white-text {
    color: #FFF;
}


/* MARGINS */

.margin-right-0 {
    margin-right: 0px;
}

.margin-right-5 {
    margin-right: 5px;
}

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

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-18 {
    margin-right: 18px;
}

.margin-right-19 {
    margin-right: 19px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-21 {
    margin-right: 21px;
}

.margin-right-25 {
    margin-right: 25px;
}

.margin-right-40 {
    margin-right: 40px;
}


.margin-right-75 {
    margin-right: 75px;
}

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

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

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

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

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

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

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

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

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

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


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

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

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

.margin-top-0 {
    margin-top: 0px;
}

.margin-top-2 {
    margin-top: 2px;
}


.margin-top-4 {
    margin-top: 4px;
}


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

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

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-17 {
    margin-top: 17px;
}

.margin-top-19 {
    margin-top: 19px;
}


.margin-top-20 {
    margin-top: 20px !important;
}


.margin-top-25 {
    margin-top: 25px;
}


.margin-top-30 {
    margin-top: 30px;
}

.margin-top-45 {
    margin-top: 46px;
}

.margin-top-100 {
    margin-top: 50px;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-left-3 {
    margin-left: 3px;
}


.margin-left-5 {
    margin-left: 5px;
}

.margin-left-7 {
    margin-left: 7px;
}

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

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

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


.margin-left-200 {
    margin-left: 200px;
}


/* PADDING */

.padding-left-5 {
    padding-left: 5px;
}

.padding-right-8 {
    padding-right: 8px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-top-0 {
    padding-top: 0px;
}

.padding-top-2 {
    padding-top: 2px;
}

.padding-top-5 {
    padding-top: 5px;
}

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

.padding-top-12 {
    padding-top: 12px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-bottom-0 {
    padding-bottom: 0px;
}

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

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-32 {
    padding-bottom: 46px;
}

.padding-bottom-46 {
    padding-bottom: 46px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.text-justify {
    text-align: justify;
}


.text-center {
    text-align: center;
}


.border {
    border: 1px solid #e6e7e8;
}

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


.background-white {
    background-color: #FFF;
}

.background-grey {
    background-color: #eeeeee !important;
}

ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 7px;
    -webkit-margin-after: 7px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 50px;
    list-style-image: url('../../../Images/General/bullet-point.png');
    line-height: 19px;
    margin-bottom: 0px;
    margin-top: 0px;
}


/* INLINE BLOCK */

.inline-block {
    display: inline-block;
}



/* FLOATING DIVS */

.float-left {
    float: left;
}

.float-right {
    float: right !important;
}


.text-align-right {
    text-align: right;
}


/* LINKS */

a {
    color: #00B9F2;
    font-weight: 300;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }



/* REMOVES GLOWING BLUE OUTLINE */

input:focus {
    outline: none;
}

:focus {
    outline-color: transparent;
    outline-style: none;
}



/* TEXT BOXES */

textarea {
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 300;
    padding: 10px;
    outline: none;
    resize: none;
    overflow: auto;
    border: 1px solid #e6e7e8;
}

    textarea:not([readonly='readonly']):focus {
        box-shadow: 0 0 3px rgba(0, 185, 242, 0.35);
        border: 1px solid rgba(0, 185, 242, 0.35);
    }



/* DROP-DOWN LIST */

select {
    border: 0 !important; /*Removes border*/
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    color: #4a4a4a;
    width: auto;
    height: 30px;
    font-size: 15px;
    font-weight: 300;
    background-color: #FFFFFF;
    -webkit-appearance: none;
    padding-left: 5px;
}

.drop-down, .dropdown1, .dropdown-sm, .dropdown2, .dropdown2-sm, .dropdown3, .dropdown4, .dropdown5, .dropdown6 {
    transition: 50ms ease-in-out;
    height: 24px;
    border: 1px solid #e6e7e8;
    -webkit-appearance: none;
}

    .drop-down > * {
        padding-left: 5px;
    }

.dropdown-sm {
    width: 135px;
}

.drop-down:focus, .dropdown1:focus, .dropdown2:focus, .dropdown3:focus, .dropdown4:focus, .dropdown5:focus, .dropdown6:focus {
    box-shadow: 0 0 3px rgba(0, 185, 242, 0.35);
    border: 1px solid rgba(0, 185, 242, 0.35);
}

.dropdown1 {
    width: 176px;
}

.dropdown2 {
    width: 372px;
}

.dropdown2-sm {
    width: 307px;
}

.dropdown3 {
    width: 568px;
}

.dropdown4 {
    width: 820px !important;
    border: 0;
}

.dropdown5 {
    width: 366px !important;
    border: 0;
}

.dropdown6 {
    width: 625px !important;
    border: 0;
}

.dropdown7 {
    width: 535px !important;
    border: 0;
}


.dropdown-management {
    width: 575px;
}

.dropdown-viewIAR {
    width: 565px;
}

.dropdown-addIAR {
    width: 590px;
}

.RadComboBox_Default .rcbInputCell, .RadComboBox_Default .rcbArrowCell {
    background-image: none !important;
}

/* LISTS */

li {
    list-style-type: none;
}


/* CHECKBOXES */

.container-checkbox-radiobutton {
    width: 30px;
    height: 30px;
    display: inline-block;
}

.checkbox-list li,
.checkbox-list ul li {
    margin-bottom: 5px;
    padding-top: 2px;
    position: relative;
    list-style-type: none;
}

.checkbox-list label, .checkbox-list ul label {
    display: block;
}

.checkbox-list input, .checkbox-list ul input {
    display: inline;
    margin: 0 5px 0 -31px;
    position: absolute;
    top: 2px;
}

.checkbox-list ul {
    margin: 5px 0 0 20px;
}

    .checkbox-list p, .checkbox-list ul p {
        color: #4a4a4a;
        padding-left: 21px;
        margin: 0;
    }

@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('fonts/modernpics-webfont.eot');
    src: url('fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/modernpics-webfont.woff') format('woff'), url('fonts/modernpics-webfont.ttf') format('truetype'), url('fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*label {
    height: auto;
    line-height: 20px;
    display: inline-block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
}*/



.wrapper {
    width: 500px;
    margin: 50px auto;
}



/*label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
    text-align: center;
	margin-right: 10px;
	position: absolute;
	left: 0;
	background-color: #FFF;
    border: 1px solid #e6e7e8;
}*/

.radio label:before {
    border-radius: 20px;
}

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

    .checkbox label:before {
        border-radius: 0px;
    }



input[type=radio]:checked {
    content: "\2022";
    color: #00B9F2;
    font-size: 25px;
    text-align: center;
    line-height: 20px;
}


input[type="radio" i] {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 0px;
    margin-right: 25px;
}

input[type="radio" i] {
    -webkit-appearance: radio;
    box-sizing: border-box;
}


input[type=checkbox]:checked {
    content: "\2713";
    font-size: 16px;
    color: #00B9F2;
    text-align: center;
}

input[type=text]:focus {
    box-shadow: 0 0 3px rgba(0, 185, 242, 0.35);
    border: 1px solid rgba(0, 185, 242, 0.35);
}


.checkbox-list input[type=checkbox] {
    display: none;
}

.checkbox-list label {
    display: inline;
    float: left;
    cursor: pointer;
    text-indent: 40px;
    white-space: nowrap;
}

.checkbox-list input[type=checkbox] + label {
    background-image: url(~/../../../../Images/General/tickbox1.gif);
    background-repeat: no-repeat;
    height: 20px;
    color: #4a4a4a;
    vertical-align: middle;
    font-size: 15px;
    margin-top: 5px;
    margin-left: -10px;
}

.checkbox-list input[type=checkbox]:checked + label::before {
    content: "\2714";
    color: #00b9f2;
    height: 20px;
    vertical-align: middle;
    line-height: 1em;
    font-size: 15px;
    margin-right: 25px;
    margin-left: -36px;
}

.single-checkbox input[type=checkbox] {
    display: none;
}

.single-checkbox label {
    display: block;
    float: left;
    color: #000;
    cursor: pointer;
    white-space: nowrap;
    padding-left: 29px;
}

.single-checkbox input[type=checkbox] + label {
    width: 20px;
    height: 20px;
    color: #4a4a4a;
    background-image: url(~/../../../../Images/General/tickbox1.gif);
    background-repeat: no-repeat;
    vertical-align: middle;
    text-indent: 20px;
    font-size: 15px;
    margin-left: 0px;
}

.single-checkbox input[type=checkbox]:checked + label::before {
    content: "\2714";
    color: #00b9f2;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    line-height: 1.4em;
    font-size: 15px;
    margin-right: 34px;
    margin-left: -45px;
}

/* SINGLE CHECKBOX 2 */

input[type="checkbox" i] {
    margin: 0px 0px 0px 0px;
}

.cbx-flex {
    display: flex;
    align-items: center;
}

    .cbx-flex .label {
        padding-top: 0;
        font-size: 14px;
    }

    .single-checkbox2 input[type=checkbox] {
        display: none;
    }

.single-checkbox2 label {
    display: block;
    float: left;
    cursor: pointer;
    white-space: nowrap;
    padding-top: 1px;
    padding-left: 5px;
}

.single-checkbox2 input[type=checkbox] + label {
    width: 20px;
    height: 20px;
    color: #4a4a4a;
    background-image: url(~/../../../../Images/General/tickbox1.gif);
    background-repeat: no-repeat;
    text-indent: 20px;
    font-size: 15px;
    margin-top: 2px;
}

.single-checkbox2 input[type=checkbox]:checked + label::before {
    content: "\2714";
    color: #00b9f2;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    line-height: 1.4em;
    font-size: 15px;
    margin-right: 34px;
    margin-left: -21px;
}


/* BUTTON PROPERTIES */


.buttonAWN {
    min-width: 100px;
    height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    display: inline-block;
    border-style: none;
    cursor: pointer;
}

.btnDisabled {
    background: url('../../../Images/General/gridHeader.png');
    background-size: cover;
    cursor: default;
}

.txtDisabled {
    height: 22px;
    background-color: #F9F9F9;
    border-style: none;
    padding-left: 5px;
    border: 1px solid #e6e7e8;
    font-size: 15px;
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    font-weight: 300;
    color: #4a4a4a;
    overflow: auto;
    word-break: normal;
    border-collapse: collapse;
    line-height: 16px;
    vertical-align: middle;
}

.buttons-container {
    height: 32px;
    width: auto;
    margin-top: 15px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.buttons-container2 {
    height: 32px;
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    float: right;
    clear: both;
}



.buttons-container3 {
    height: 32px;
    width: auto;
    margin-top: 15px;
    clear: both;
}



.buttons-container4 {
    height: 32px;
    width: auto;
    clear: both;
}


.buttons {
    height: 32px;
    width: auto;
    float: right;
    clear: both;
    cursor: pointer;
}

.button-go {
    width: 60px;
    height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
    background-image: url(../../images/button-normal.png);
    display: inline-block;
    border-style: none;
    cursor: pointer;
}

.button-new {
    width: auto;
    height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
    background-image: url(../../images/button-normal.png);
    display: inline-block;
    border-style: none;
    cursor: pointer;
}

.button-normal {
    width: 100px;
    height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
    background-image: url(../../images/button-normal.png);
    display: inline-block;
    border-style: none;
    cursor: pointer;
}


.button-single {
    margin-top: 10px;
    margin-left: 273px;
    cursor: pointer;
}


.button-disable-hover {
    width: 80px;
    height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
    background-image: url(../../images/button-disable-hover.png);
    display: inline-block;
    border-style: none;
    cursor: pointer;
}


.themeAWN:hover {
    background-image: url(../../../Images/General/btnAWN-hover.png);
}


/* LINE STYLING */


.line, .line-header, .line-footer, .line-find-repairer {
    width: 1878px;
    border-top: 0px;
    border-bottom: 1px solid #e6e7e8;
    clear: both;
}


.line-header {
    width: 602px;
}


.line-footer {
    width: 1628px;
    margin-left: 250px;
    float: left;
}

.line-find-repairer {
    width: 320px;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 8px;
}

.line-bottom {
    position: absolute;
    right: 0px;
    bottom: 47px;
    border-bottom: 1px solid #e6e7e8;
    width: 1252px;
}


.line-bottom-left {
    width: 602px;
    left: 0px;
    bottom: 47px;
    border-bottom: 1px solid #e6e7e8;
    position: absolute;
}


/* HEADER */

.menu-container {
    width: 1878px;
    height: 50px;
}

.logo-container {
    width: 169px;
    height: 73px;
    margin-left: 1709px;
    margin-top: 80px;
    position: absolute;
}

.breadcrumbs {
    width: 1878px;
    height: 25px;
    margin-top: 10px;
    font-size: 15px;
    clear: both;
    display: inline-block;
}

.header-container {
    width: 1500px;
    height: 60px;
    display: inline-block;
    float: left;
}

.search-container {
    width: 1500px;
    height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}


.NYK-dropdown-search {
    width: 480px;
    height: 30px;
    color: #00B9F2;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    float: left;
    display: inline-block;
    border: 1px solid #e6e7e8;
}

.NYK-QAH-container {
    width: 1252px;
}


.search-text {
    width: 200px;
    height: 30px;
    color: #00B9F2;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    display: inline-block;
    border: 1px solid #e6e7e8;
}


.search-text2 {
    width: 70px;
    height: 32px;
    padding-top: 8px;
    color: #00B9F2;
    margin-right: 10px;
    vertical-align: middle;
    float: left;
    display: inline-block;
}


.search-text2, .search-text-NYK {
    width: 70px;
    height: 32px;
    padding-top: 8px;
    color: #00B9F2;
    margin-right: 10px;
    vertical-align: middle;
    float: left;
    display: inline-block;
}


.search-text-NYK {
    width: 100px;
    height: 32px;
}





.search-bar {
    height: 32px;
    float: left;
    display: inline-block;
}


.search-bar-text {
    width: 358px;
    height: 28px;
    font-size: 15px;
    font-weight: 300;
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    margin-right: 25px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    word-break: normal;
    border: 1px solid #e6e7e8;
}


.search-bar-text2 {
    width: 500px;
    height: 28px;
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 300;
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    margin-right: 19px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    word-break: normal;
    border: 1px solid #e6e7e8;
}


.search-bar-text3 {
    width: 417px;
    height: 28px;
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 300;
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    margin-right: 25px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    word-break: normal;
    border: 1px solid #e6e7e8;
}



.info-bar {
    width: auto;
    height: 30px;
    margin-left: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #E7F6FD;
    vertical-align: middle;
    line-height: 30px;
    display: inline-block;
}




input[placeholder] {
    font-size: 15px;
    font-weight: 300;
}

input::-webkit-input-placeholder {
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight: 300;
    font-weight: 300;
    color: #E0E0E0;
    padding-top: 2px;
}

input:-moz-placeholder { /* Firefox 18- */
    font-size: 10px;
    font-weight: 300;
}

input::-moz-placeholder { /* Firefox 19+ */
    font-size: 10px;
    font-weight: 300;
}

input:-ms-input-placeholder {
    font-size: 10px;
    font-weight: 300;
}

.select {
    background: url("../../../Images/General/ticked.png");
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
}

/* BODY */

/* Main Body Container */

.container-with-search {
    width: 1878px;
    height: 818px;
}

.container-without-search {
    width: 1878px;
    height: 830px;
    overflow: hidden;
}

.container1stLevelHeight {
    height: 685px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.container2ndLevelHeight {
    height: 638px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.container4thLevelHeight {
    height: 508px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.righHandMemoHeight {
    height: 450px !important;
}



.container2, .container3, .container4, .container5, .container6, .container7, .container9, .container-contacts {
    margin-top: 10px;
    float: left;
    display: inline-block;
}

.container1-5 {
    width: 362px;
    height: auto;
    margin-bottom: 15px;
    float: left;
}

.container2 {
    width: 407px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 15px;
    float: left;
}

.container3 {
    width: 601px;
    height: auto;
    margin-top: 10px;
    margin-right: 25px;
    float: left;
}

.container4 {
    width: 863px;
    height: auto;
    margin-top: 10px;
    float: left;
}

.container5 {
    width: 995px;
    height: auto;
    margin-top: 10px;
    margin-right: 20px;
    float: left;
}

.container6 {
    width: 1252px;
    height: auto;
    margin-top: 10px;
    float: left;
}

.container7 {
    width: 1446px;
    height: auto;
    margin-top: 10px;
    float: left;
}

.container9 {
    width: 1878px;
    height: auto;
    margin-top: 10px;
    float: left;
}

.container-contacts {
    width: 1450px;
    height: auto;
    margin-top: 10px;
    float: left;
}

.home-container1 {
    width: auto;
    height: auto;
    margin-bottom: 15px;
}

.home-container2 {
    width: auto;
    height: auto;
    margin-bottom: 15px;
}

.home-container-display {
    display: -webkit-flex;
    display: flex;
}





/* Info Containers */

/* This is to fit info into column-blocks. info1 = 1 block of information. 
For example Trading Terms = 1 block, Contact Details = 2 blocks. */

.info1, .info2, .info4, .info5, .info6, .info10 {
    height: auto;
    float: left;
    display: inline-block;
    position: relative;
}

.info1, .info2 {
    margin-right: 15px;
}

.info1 {
    width: 178px;
}

.info1-5 {
    width: 362px;
}

.info2 {
    width: 374px;
}

.info3 {
    width: 570px;
}

.info4 {
    width: 825px;
}

.info5 {
    width: 1027px;
}

.info6 {
    width: 1257px;
}

.info9 {
    width: 1878px;
}

.info10 {
    width: 632px;
}

/* This is a container for tables that are placed on the top right-hand side. 
For example Authorised Claims, Finalised Claims, Declined Claims etc . */


.info-top {
    width: auto;
    height: auto;
}

.info-bottom {
    width: 1220px;
    height: auto;
    padding: 15px;
    border: 1px solid #e6e7e8;
    position: relative;
}

.info-bottom4 {
    width: 833px;
    height: auto;
    padding: 15px;
    border: 1px solid #e6e7e8;
    position: relative;
}


/* Column Containers */

/* This is to align information in columns on the right hand-side. Max amount is 3. 
For example Approve Repairer, ASIC Compliance, Accounts etc */


.column1, .column2, .column3, .column4, .column5, .column6, .column-NYK-QA, .column-NYK-list {
    height: auto;
    float: left;
    display: inline-block;
    position: relative;
}

.column1 {
    width: 207px;
}

.column2 {
    width: 404px;
}

.column3 {
    width: 601px;
}

.column4 {
    width: 828px;
}

.column6 {
    width: 1000px;
}


.column-NYK-QA {
    width: 619px;
}

.column-NYK-list {
    width: 929px;
}




/* Content */

.content {
    width: auto;
    height: auto;
    padding: 15px;
    border: 1px solid #e6e7e8;
    position: relative;
}

.content1 {
    width: 405px;
    height: auto;
    padding: 15px;
    margin-top: 10px;
    border: 1px solid #e6e7e8;
    position: relative;
}

.content2 {
    width: auto;
    height: auto;
    padding: 15px;
    margin-top: 10px;
    border: 1px solid #e6e7e8;
    position: relative;
}


.content4 {
    width: auto;
    height: auto;
    padding: 15px;
    border: 1px solid #e6e7e8;
    position: relative;
}


.content6 {
    width: 1878px;
    height: 745px;
    margin-top: 10px;
    margin-bottom: 15px;
}


.content7 {
    width: 1446px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 15px;
}



/* Content Left */

.content2-left {
    width: 407px;
    height: auto;
}



/* Content Right */

.content-right {
    width: 1257px;
    height: 745px;
    margin-top: 10px;
    margin-bottom: 15px;
    float: left;
    position: relative;
}

.content2-right {
    width: 1257px;
    height: 745px;
    margin-top: 10px;
    margin-bottom: 15px;
    float: left;
    position: relative;
}

.content-right-left {
    width: auto;
    height: auto;
    margin-bottom: 15px;
    margin-right: 15px;
    float: left;
}

.content-right-right {
    width: auto;
    height: 760px;
    margin-bottom: 15px;
    float: left;
    position: relative;
}



/* TEXT DIVS */


.label {
    width: auto;
    border: 0px;
    vertical-align: middle;
    overflow: hidden;
    word-break: normal;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
}

.label-sm {
    width: auto;
    border: 0px;
    vertical-align: middle;
    overflow: hidden;
    word-break: normal;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    font-size: 14px;
}

.label-email-addresses {
    width: 120px;
    line-height: 20px;
}

.half {
    width: 154px;
    display: inline-block;
}

.one {
    width: 176px;
    display: inline-block;
}

.one-half {
    width: 234px;
    display: inline-block;
}

.two {
    width: 372px;
    display: inline-block;
}

.two-sm {
    width: 326px;
    display: inline-block;
}

.three {
    width: 568px;
}

.three-ib {
    width: 568px;
    display: inline-block;
}

.output1, .output2, .output3, .output4, .output5, .output6, .output7, .output1-half {
    height: 23px;
    line-height: 23px;
    font-size: 15px;
    font-weight: 300;
    vertical-align: middle;
    overflow: hidden;
    word-break: normal;
    border: 0px;
    border-bottom: 1px solid #e6e7e8;
    display: inline-block;
}

.output1 {
    width: 176px;
}

.output1-half {
    width: 249px;
}

.output2 {
    width: 372px;
}

.output3 {
    width: 568px;
}

.output4 {
    width: 835px;
}

.output7 {
    width: 630px;
}


.input1, .input2, .input3, .input4, .input5, .input6 {
    transition: all 200ms ease-in-out;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    font-size: 15px;
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    font-weight: 300;
    color: #4a4a4a;
    vertical-align: middle;
    overflow: hidden;
    word-break: normal;
    border: 1px solid #e6e7e8;
    display: inline-block;
    background-color: #fff;
}

    .input1:focus, .input2:focus, .input3:focus, .input4:focus, .input5:focus, .input6:focus {
        box-shadow: 0 0 3px rgba(0, 185, 242, 0.35);
        border: 1px solid rgba(0, 185, 242, 0.35);
    }

.input1 {
    width: 172px;
}

.input2 {
    width: 366px;
}

.input3 {
    width: 562px;
}

.input4 {
    width: 830px;
}

.input5 {
    width: 1025px;
}

/* use this class for include money mask into text fields */
.input-currency {
    text-align: right;
}



/* FOOTER */

.footer {
    width: 1878px;
    height: auto;
    display: inline-block;
}

.footer-logo-plexus {
    width: auto;
    height: 25px;
    padding-left: 150px;
    padding-top: 10px;
    padding-right: 15px;
    border-right: 1px solid #e6e7e8;
    display: inline-block;
    float: left;
    align: middle;
    clear: both;
}

.footer-details {
    height: 35px;
    font-size: 15px;
    font-weight: 300;
    line-height: 35px;
    padding-top: 4px;
    margin-left: 15px;
    float: left;
}

/* DOCUMENTS & REPORTS */

.container-documents {
    width: 1255px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.container-documents4 {
    width: 863px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


/* SEARCH RESULTS */

.search-results {
    width: 1878px;
    height: 730px;
    margin-top: 10px;
    margin-bottom: 15px;
}


/* SEARCH RESULTS */

.search-results {
    width: 1878px;
    height: 730px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.search-results-height {
    height: 755px;
}

/* MEMO */

.memo1, .memo2, .memo3, .memo4 {
    padding: 10px;
    font-size: 15px;
    font-weight: 300;
    word-break: normal;
    border-collapse: collapse;
}


.memo1 {
    width: 176px;
}

.memo2 {
    width: 350px;
}

.memo3 {
    width: 548px;
}

.memo4 {
    width: 814px;
}

.memo5 {
    width: 1010px;
}




.authorised-claims-memo, .finalised-claims-memo {
    width: 814px;
    height: 105px;
}

.finalised-claims-memo {
    height: 150px;
}

/* TABLE SEARCH */

.table-search {
    width: auto;
    height: 24px;
    margin-top: 5px;
    margin-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 300;
    vertical-align: middle;
    overflow: hidden;
    word-break: normal;
    border: 0px;
    border-left: 1px solid #A8A8A8;
    border-top: 1px solid #A8A8A8;
    display: inline-block;
}

.table-ABN {
    width: 1878px;
    height: 735px;
    table-layout: auto;
    overflow-y: scroll;
    empty-cells: show;
}

.login-details {
    height: 51px;
    width: 263px;
    float: right;
    display: inline-block;
    color: #FFF;
    padding-left: 15px;
    line-height: 1;
    background-image: url(../../images/navigation.png);
    background: #141414;
    background: -moz-linear-gradient(top, #4d4d4d 0%, #141414 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #141414));
    background: -webkit-linear-gradient(top, #4d4d4d 0%, #141414 100%);
    background: -o-linear-gradient(top, #4d4d4d 0%, #141414 100%);
    background: -ms-linear-gradient(top, #4d4d4d 0%, #141414 100%);
    background: linear-gradient(to bottom, #4d4d4d 0%, #141414 100%);
    border-bottom: 5px solid #00B9F2;
}

.login-details-user {
    width: calc(100% - 70px);
    padding-top: 17px;
    text-align: right;
    display: inline-block;
    text-align: right;
}

.login-text-details {
    width: auto;
    text-align: right;
    padding-right: 30px;
}

.claims-memo-height {
    height: 107px;
}



/* LOGIN */




.txtboxBackground {
    height: 38px;
    width: 400px;
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    font-size: 15px;
    line-height: 16px;
    font-weight: 300;
    color: #4a4a4a;
    padding-right: 10px;
    padding-left: 10px;
    color: #FFFFFF;
    background-image: url('../../../Images/Login/txtboxBackground.png');
}


input.textEntry {
    width: 200px;
    border: 1px solid #ccc;
}


input.passwordEntry {
    width: 300px;
    height: 20px;
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    font-size: 15px;
    line-height: 16px;
    font-weight: 300;
    color: #4a4a4a;
    background-color: #FFF;
    margin-top: 7px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    padding-left: 5px;
    float: right;
}



/* FAILURE NOTIFICATIONS */

.failureNotification {
    color: #FF0000;
    width: 420px;
    text-align: center;
}

    .failureNotification ul {
        font-size: 15px;
        line-height: 20px;
        font-weight: 300;
        color: #FF0000;
        text-align: center;
    }

    .failureNotification p {
        font-size: 15px;
    }

    .failureNotification h2 {
        font-size: 22px;
        line-height: 44px;
        font-weight: 300;
        color: #FF0000;
        margin-top: 20px;
    }

.failureNotification12 {
    font-size: 12px;
    color: #FF0000;
}

.text-notification {
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
}

.text-required {
    width: auto;
    height: auto;
    top: 500px;
    left: 970px;
    position: relative;
}


/* LOGIN */

.login-container {
    width: 1878px;
    height: 800px;
}


.login-image-container {
    width: 1878px;
    height: 800px;
    margin-top: 70px;
    background-position: center;
    background-image: url('../../../Images/Login/login.png');
    background-repeat: no-repeat;
}


.login-password-container {
    width: 420px;
    height: 200px;
    top: 200px;
    left: 340px;
    position: relative;
}


.login-arrow {
    width: 30px;
    height: 44px;
    background-image: url('../../../Images/Login/login-arrow.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: bottom;
}


.login-text {
    width: 600px;
    height: 400px;
    top: -100px;
    left: 970px;
    position: relative;
}


.login-fail-text {
    width: 500px;
    height: 150px;
    top: 150px;
    left: -60px;
    position: relative;
    text-align: center;
}


.login-fail-text2 {
    width: 720px;
    height: 400px;
    top: -200px;
    left: 900px;
    position: relative;
    text-align: justify;
}


.forgot-image-container {
    width: 1878px;
    height: 800px;
    margin-top: 70px;
    background-position: center;
    background-image: url('../../../Images/Login/loginForgot.png');
    background-repeat: no-repeat;
}


.reset-container {
    width: 1878px;
    height: 820px;
    background-position: center;
    background-image: url('../../../Images/Login/loginBlank.png');
    background-repeat: no-repeat;
}

.reset-password-container {
    width: 420px;
    height: 350px;
    top: 210px;
    left: 735px;
    position: relative;
}


.reset-label {
    display: inline-block;
    float: left;
    font-size: 15px;
    line-height: 16px;
    font-weight: 300;
    color: #FFF;
    padding-top: 10px;
}


.error-message {
    width: 50px;
}


iframe {
    border: 0px;
}


.temp {
    color: #4a4a4a;
    background-color: #F5F5F5;
}


.NYK-QH {
    height: 61px;
    width: 350px;
    border: 1px solid #e6e7e8;
    padding: 10px;
    font-size: 15px;
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    font-weight: 300;
    color: #4a4a4a;
    overflow: auto;
    word-break: normal;
    border-collapse: collapse;
    vertical-align: middle;
}


.NYK-A {
    height: 54px;
    width: 366px;
    display: inline-block;
    border: 1px solid #e6e7e8;
    padding: 10px;
    font-size: 15px;
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    font-weight: 300;
    color: #4a4a4a;
    overflow: auto;
    word-break: normal;
    border-collapse: collapse;
    float: left;
}

.incorrect {
    color: #ff6e6e;
}


.container-profiles {
    width: 370px;
    height: 610px;
    float: right;
    display: inline-block;
    position: relative;
    overflow: auto;
}


.container-preview-resource {
    width: 860px;
    height: 790px;
    margin-top: 10px;
    margin-bottom: 15px;
}


.container-CRM {
    width: 1878px;
    height: 805px;
}


.container-permission-settings {
    width: 614px;
    height: 580px;
    vertical-align: top;
    display: inline-block;
}

.profiles-permission-container {
    width: 1252px;
    height: 590px;
}

.height-24 {
    height: 24px;
}


option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 50px;
    padding: 0px 2px 1px;
}


.themeFont {
    font-weight: 600 !important;
    font-family: "myriad-pro", "Helvetica Neue", Helvetica, Verdana, sans-serif;
    background: none !important;
    border: none !important;
}


element.style {
    text-align: left;
    padding-left: 15px;
    padding-top: 15px;
}

.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.tablerow-height {
    padding-top: 7px !important;
    padding-bottom: 8px !important;
}


.ITSettings-buttons {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.aspNetDisabledColor {
    background-color: #F5F5F5 !important;
}


.employee-disability1 {
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.employee-disability2 {
    width: 40px;
    display: inline-block;
    line-height: 19px;
    text-align: justify;
}

.resource-message-container {
    width: 340px;
    height: 25px;
    color: #CD0A0A;
    font-weight: 400;
    padding-top: 8px;
    text-align: right;
    float: left;
    display: inline-block;
}

.resource-buttons-container {
    width: 204px;
    height: 32px;
    float: right;
    display: inline-block;
}

/* HEADINGS */

.news-events-container {
    width: 700px;
    height: auto;
    float: left;
    margin-right: 40px;
    border-top: 3px solid #00B9F2;
    display: inline-block;
    position: relative;
}

.leave-noticeboard-container {
    width: 667px;
    height: auto;
    margin-right: 40px;
    border-top: 3px solid #00B9F2;
    display: inline-block;
}

.photo-album-container {
    width: 1375px;
    height: 380px;
    margin-top: 30px;
    margin-right: 40px;
    padding: 16px;
    background-color: #f0f0f0;
    border-top: 3px solid #00B9F2;
}


.social-media-container {
    width: 430px;
    height: 800px;
    float: left;
    border-top: 3px solid #00B9F2;
    display: inline-block;
    position: relative;
}

.book-room-container {
    width: 545px;
    height: 388px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-top: 15px;
    border: 1px solid #e6e7e8;
    display: inline-block;
}


.homepage-subcontainer-header {
    height: 55px;
}

.home-subcontainer-icon {
    display: inline-block;
    margin-right: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: middle;
}

.home-subcontainer-heading {
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    color: #00B9F2;
    vertical-align: middle;
}





.content-temporary {
    width: auto;
    height: auto;
}



.photo-album-dropdown {
    width: 250px;
    height: 30px;
    color: #00B9F2;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    border: 1px solid #e6e7e8;
    background: url(../../../Images/General/ticked.png);
    background-position: right;
    background-repeat: no-repeat;
}





#photo-album-innerContainer {
    height: 361px;
    width: 1408px;
    /*padding-right: 10px;*/
    overflow-y: auto;
}

.cursor-pointer {
    cursor: pointer;
}

#myPhotoAlbumTitle {
    display: inline-block;
    float: left;
    width: 1180px;
}

#myPhotoAlbumButtonsContainer {
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: 0 2px 8px -4px rgba(0, 0, 0, .32);
    border-radius: 4px;
}

    #myPhotoAlbumButtonsContainer img {
        width: 65%;
    }

#myPhotoAlbumButtonsContainer p {
    font-size: 18px;
    margin: 24px auto 0;
}

/*.hiddenHtmlFileElement {
   width: 0px; 
   height: 0px; 
   position: absolute; 
}*/
.photoAlbum {
    display: none;
    position: relative;
    overflow: scroll;
}

/*#########################################################*/
/*The following class applies to all Telerik Report Toolbar*/
.ReportToolbar select {
    height: 20px;
    padding-right: 25px;
    background-color: #ffffff;
    background-position: right 8px top 8px !important;
}
/*####################################################*/
/*Style for the Scrollbar throughout the whole system*/

/*NEW SCROLLBAR CYAN*/
::-webkit-scrollbar-thumb {
    background: rgba(0, 185, 242, 0.35) !important;
    border-radius: 2px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    background-color: #F5F5F5 !important;
}

::-webkit-scrollbar {
    width: 7px !important;
    height: 7px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(../../../Images/General/UpArrow2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 16px;
}

::-webkit-scrollbar-button:vertical:increment {
    background-image: url(../../../Images/General/DownArrow2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 16px;
}

::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(../../../Images/General/LeftArrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 16px;
}

::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(../../../Images/General/RightArrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 16px;
}


/*** Addition ***/

.lightBlueBox {
    width: 1436px;
    height: auto;
    padding: 5px;
    margin-bottom: 10px;
    vertical-align: top;
    display: inline-block;
    background-color: #e7f6fd;
}

.lightBlueInner01, .lightBlueInner02, .lightBlueInner03, .lightBlueInner04 {
    padding: 10px;
    vertical-align: top;
    float: left;
    display: inline-block;
    position: relative;
}

.lightBlueInner01 {
    width: 70px;
    text-align: left;
}

.lightBlueInner02 {
    width: 630px;
    text-align: left;
}

.lightBlueInner02-1 {
    color: #00B9F2;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.lightBlueInner03 {
    width: 350px;
    text-align: left;
}

.lightBlueInner03-1 {
    width: 150px;
    text-align: left;
    margin-right: 25px;
    float: left;
    position: relative;
}

.lightBlueInner03-2 {
    width: 170px;
    text-align: right;
    float: left;
    position: relative;
}

.lightBlueInner03-3 {
    width: 85px;
    text-align: right;
    margin-bottom: 5px;
    float: left;
    position: relative;
}

.lightBlueInner03-4 {
    width: 65px;
    color: #00B9F2;
    font-weight: 600;
    text-align: right;
    margin-bottom: 5px;
    float: left;
    position: relative;
}

.lightBlueInner04 {
    width: 290px;
    text-align: right;
}

.lightBlueInner04-1 {
    width: 150px;
    text-align: right;
    margin-bottom: 5px;
    float: left;
    position: relative;
}

.lightBlueInner04-2 {
    width: 140px;
    color: #00B9F2;
    font-weight: 600;
    text-align: right;
    margin-bottom: 5px;
    float: left;
    position: relative;
}

/*table top*/

.table-top {
    width: 1426px;
    height: 20px;
    padding: 10px;
}

.table-top-inner {
    width: 50%;
    float: left;
}

.table-blueHeader {
    width: 1444px;
    height: 37px;
    background-color: #00B9F2;
    color: #FFF;
}

.table-blueHeader-txt1, .table-blueHeader-txt3, .table-blueHeader-txt5, .table-blueHeader-txt6, .table-blueHeader-txt7, .table-blueHeader-txt8 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    float: left;
    border: 1px solid #00B9F2;
}

.table-blueHeader-txt1 {
    width: 75px;
}

.table-blueHeader-txt3 {
    width: 299px;
}

.table-blueHeader-txt5 {
    width: 240px;
}

.table-blueHeader-txt6 {
    width: 95px;
}

.table-blueHeader-txt7 {
    width: 105px;
}

.table-blueHeader-txt8 {
    width: 511px;
}

/*temp table content*/

.table-inner {
    width: 1444px;
    height: 36px;
    text-align: center;
}

.table-inner-grey {
    width: 1444px;
    height: 36px;
    text-align: center;
    background-color: #f2f2f2;
}

.table-inner-txt1, .table-inner-txt1-1, .table-inner-txt2, .table-inner-txt2-1, .table-inner-txt3, .table-inner-txt5, .table-inner-txt6, .table-inner-txt6-1 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}

.table-inner-txt1-1 {
    width: 75px;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

.table-inner-txt1 {
    width: 76px;
    border-right: 1px solid #e7e7e7;
}

.table-inner-txt2 {
    width: 75px;
    text-align: right !important;
    border-right: 1px solid #e7e7e7;
}

.table-inner-txt2-1 {
    width: 101px;
    padding-right: 10px !important;
    text-align: right !important;
    border-right: 1px solid #e7e7e7;
}

.table-inner-txt3 {
    width: 301px;
    text-align: left !important;
    border-right: 1px solid #e7e7e7;
}

.table-inner-txt5 {
    width: 241px;
    text-align: left !important;
    border-right: 1px solid #e7e7e7;
}

.table-inner-txt6 {
    width: 96px;
    text-align: left !important;
    border-right: 1px solid #e7e7e7;
}

.table-inner-txt6-1 {
    width: 506px;
    padding-left: 10px !important;
    text-align: left;
    border-right: 1px solid #e7e7e7;
}

.table_right_container {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 520px;
}

.table-totalBox {
    width: 1444px;
    height: 37px;
    margin-top: 1px;
    background-color: #e7f6fd;
    border: 1px solid #00B9F2;
}

.table-totalBox-txt1, .table-totalBox-txt1-1, .table-totalBox-txt2, .table-totalBox-txt2-1, .table-totalBox-txt2-2, .table-totalBox-txt3, .table-totalBox-txt4, .table-totalBox-txt5, .table-totalBox-txt5-1, .table-totalBox-txt6 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
    float: left;
}

.table-totalBox-txt1 {
    width: 270px;
    margin-left: 10px;
}

.table-totalBox-txt1-1 {
    width: 326px;
    margin-left: 10px;
    border-right: 1px solid #e7e7e7;
}

.table-totalBox-txt2 {
    width: 131px;
    text-align: right;
    border-right: 1px solid #00B9F2;
}

.table-totalBox-txt2-1 {
    width: 101px;
    text-align: right;
    padding-right: 10px !important;
    border-right: 1px solid #e7e7e7;
}

.table-totalBox-txt2-2 {
    width: 101px;
    text-align: right;
    padding-right: 10px !important;
    border-right: 1px solid #00B9F2;
}

.table-totalBox-txt3 {
    width: 340px;
    text-align: right;
}

.table-totalBox-txt4 {
    width: 131px;
    text-align: right;
    padding-right: 10px !important;
    border-right: 1px solid #00B9F2;
}

.table-totalBox-txt5 {
    width: 340px;
    text-align: right;
}

.table-totalBox-txt5-1 {
    width: 270px;
    text-align: right;
}

.table-totalBox-txt6 {
    width: 131px;
    text-align: right;
    padding-right: 10px !important;
}

/*Different style, more plain than the above one*/
/*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background-color: #e6e7e8;
}
::-webkit-scrollbar-thumb {
    background-color: #cccccc;
}
::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(../../../Images/General/UpArrow2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 16px;
}
::-webkit-scrollbar-button:vertical:increment {
    background-image: url(../../../Images/General/DownArrow2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 16px;
}
::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(../../../Images/General/LeftArrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 16px;
}
::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(../../../Images/General/RightArrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 16px;
}*/
/*####################################################*/

/*** Addition ***/

.container3rdLevelHeight {
    height: 628px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.Agent-lightBlue-box {
    width: 579px;
    height: 25px;
    border: 1px solid #e6e7e9;
    background-color: #e6f7ff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 13px;
    padding-right: 7px;
    margin-top: 10px;
    text-align: right;
    color: #00b9f2;
    font-weight: normal;
}

.Agent-lightBlue-box1 {
    width: 579px;
    height: 26px;
    border-left: 1px solid #e6e7e9;
    border-right: 1px solid #e6e7e9;
    border-bottom: 1px solid #e6e7e9;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 13px;
    padding-right: 7px;
    text-align: right;
    font-weight: 600;
}

.Agent-dropdown {
    width: 160px;
    height: 24px;
    color: #00B9F2;
    background-color: #FFF;
    margin-right: 8px;
    padding-left: 5px;
    padding-right: 10px;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #e6e7e8;
}

.thumb-star {
    -webkit-transition: all 300ms ease-in-out 60ms;
    transition: all 300ms ease-in-out 60ms;
    background-image: url("../../../Images/General/star.png");
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .8;
}

.h-100 {
    height: 100% !important;
}

.vertical-scroll {
    overflow-y: auto;
    overflow-x: hidden;
}

.thumb-bucket {
    -webkit-transition: all 300ms ease-in-out 60ms;
    transition: all 300ms ease-in-out 60ms;
    background-image: url("../../../Images/General/bucket.png");
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.thumb-filters {
    -webkit-transition: all 300ms ease-in-out 60ms;
    transition: all 300ms ease-in-out 60ms;
    background-image: url("../../../Images/General/filters.png");
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

a.info-tooltip {
    background-image: url("../../../Images/General/info-tooltip.png");
    position: absolute;
    width: 21px;
    height: 21px;
    top: 15px;
    right: 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
}

    a.info-tooltip b {
        margin-bottom: -10px;
        display: block;
        font-size: 14px;
    }

    a.info-tooltip span {
        position: absolute;
        background: rgba(74, 74, 74, .95);
        border-radius: 0 7px 7px 7px;
        -moz-border-radius: 0 7px 7px 7px;
        -webkit-border-radius: 0 7px 7px 7px;
        margin-top: 26px;
        margin-left: 15px;
        width: 0;
        padding: 12px;
        font-size: 13px;
        font-weight: 500;
        color: #ffffff;
        opacity: 0;
        transform: translate(5px, 0px);
        -webkit-transform: translate(5px, 0px);
        -o-transform: translate(5px, 0px);
        -moz-transform: translate(5px, 0px);
        -ms-transform: translate(5px, 0px);
        -webkit-transition: opacity 200ms ease-in-out, transform 300ms ease-in-out, box-shadow 200ms ease-in-out .25s !important;
        -moz-transition: opacity 200ms ease-in-out, transform 300ms ease-in-out !important;
        -o-transition: opacity 200ms ease-in-out, transform 300ms ease-in-out, box-shadow 200ms ease-in-out .25s !important;
        -ms-transition: opacity 200ms ease-in-out, transform 300ms ease-in-out !important;
        transition: opacity 200ms ease-in-out, transform 300ms ease-in-out, box-shadow 200ms ease-in-out .25s !important;
        -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .25);
        box-shadow: 0 3px 12px rgba(0, 0, 0, .25);
        visibility: hidden;
        cursor: default;
    }

    a.info-tooltip:hover span {
        z-index: 90;
        width: 200px !important;
        opacity: 1 !important;
        -webkit-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        visibility: visible !important;
    }

a.info-tooltip-left {
    background-image: url("../../../Images/General/info-tooltip.png");
    position: absolute;
    width: 21px;
    height: 21px;
    top: 15px;
    right: 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
}

    a.info-tooltip-left b {
        margin-bottom: -10px;
        display: block;
        font-size: 14px;
    }

    a.info-tooltip-left span {
        position: absolute;
        background: rgba(74, 74, 74, .95);
        border-radius: 7px 0 7px 7px;
        -moz-border-radius: 7px 0 7px 7px;
        -webkit-border-radius: 7px 0 7px 7px;
        margin-top: 26px;
        margin-left: -215px;
        padding: 12px;
        font-size: 13px;
        font-weight: 500;
        color: #ffffff;
        opacity: 0;
        transform: translate(-5px, 0px);
        -webkit-transform: translate(-5px, 0px);
        -o-transform: translate(-5px, 0px);
        -moz-transform: translate(-5px, 0px);
        -ms-transform: translate(-5px, 0px);
        -webkit-transition: opacity 200ms ease-in-out, transform 300ms ease-in-out, box-shadow 200ms ease-in-out .25s !important;
        -moz-transition: opacity 200ms ease-in-out, transform 300ms ease-in-out !important;
        -o-transition: opacity 200ms ease-in-out, transform 300ms ease-in-out, box-shadow 200ms ease-in-out .25s !important;
        -ms-transition: opacity 200ms ease-in-out, transform 300ms ease-in-out !important;
        transition: opacity 200ms ease-in-out, transform 300ms ease-in-out, box-shadow 200ms ease-in-out .25s !important;
        -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .25);
        box-shadow: 0 3px 12px rgba(0, 0, 0, .25);
        visibility: hidden;
        cursor: default;
    }

    a.info-tooltip-left:hover span {
        z-index: 90;
        width: 200px !important;
        opacity: 1 !important;
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transition: opacity 200ms ease-in-out .1s;
        visibility: visible !important;
    }

/*MY TEMPLATES TAB - ICONS ANIMATION*/

.name-textfield {
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    height: 26px;
    width: 300px;
    margin-left: 10px;
    border: 1px solid rgba(74, 74, 74, 0.35);
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    color: rgba(74, 74, 74, 1);
    font-family: "myriad-pro", Helvetica, arial;
    font-size: 14px;
}

    .name-textfield:focus {
        box-shadow: 0 0 3px rgba(0, 185, 242, 0.35);
        border: 1px solid rgba(0, 185, 242, 0.35);
    }

    .name-textfield::placeholder {
        color: rgba(74, 74, 74, .5);
        font-size: 14px;
    }

    .name-textfield:focus::placeholder {
        opacity: 0;
    }

.card {
    width: 372px;
    height: 30px;
    border: 1px solid rgba(74, 74, 74, 0.35);
    margin: 10px auto;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

    .card:hover {
        cursor: pointer;
        border: 1px solid rgba(0, 185, 242, 0.35);
        box-shadow: 0 0 6px rgba(0, 185, 242, 0.35);
    }

        .card:hover .fa-ellipsis-h {
            -webkit-transition: opacity 100ms ease-in;
            transition: opacity 100ms ease-in;
            opacity: 0;
        }

        .card:hover .hide {
            -webkit-transition: opacity 100ms ease-in;
            transition: opacity 100ms ease-in;
            -webkit-transition: -webkit-transform 250ms ease-in-out;
            transition: transform 250ms ease-in-out;
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

        .card:hover .icon-container {
            cursor: pointer;
            width: 90px;
        }

    .card.divFocus {
        -webkit-transition: all 60ms ease-in;
        transition: all 60ms ease-in;
        border: 1px solid rgba(0, 185, 242, 0.65);
        box-shadow: 0 0 6px rgba(0, 185, 242, 0.45);
    }

        .card.divFocus .icon-container {
            width: 90px;
        }

        .card.divFocus .hide {
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

        .card.divFocus .fa-ellipsis-h {
            opacity: 0;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }

    .card .name {
        font-size: 14px;
        font-family: "myriad-pro", Helvetica, arial;
        margin: 8px 20px;
        color: #4a4a4a;
        position: absolute;
        height: 16px;
        overflow: hidden;
        width: 300px;
    }

    .card .icon-container {
        -webkit-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        color: rgba(74, 74, 74, 0.35);
        width: 40px;
        height: 30px;
        position: absolute;
        right: 0;
    }

        .card .icon-container a {
            cursor: pointer;
            display: block;
            position: absolute;
            margin: 0 5px;
            color: rgba(74, 74, 74, 0.65);
        }


        .card .icon-container i {
            cursor: pointer;
            display: block;
            position: absolute;
            top: 7.5px;
            margin: 0 5px;
        }

        .card .icon-container a:hover i {
            -webkit-transition: all 80ms ease-in;
            transition: all 80ms ease-in;
            color: rgba(0, 192, 242, 0.55);
            -webkit-transform: scale(1.18);
            -ms-transform: scale(1.18);
            transform: scale(1.18);
        }

        .card .icon-container a:nth-child(3) {
            margin-left: 35px;
        }

        .card .icon-container a:nth-child(4) {
            margin-left: 60px;
        }

            .card .icon-container a:nth-child(4):hover i {
                color: rgba(232, 0, 0, 0.55);
            }

.filter-report .fa-calendar-alt {
    top: 5px;
    right: 10px;
    color: rgba(74, 74, 74, 0.45);
    z-index: -1;
}

.filter-report h4 {
    margin-bottom: 22px;
}

.unselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
}

.hide {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.quick-hide {
    opacity: 0;
}

.hide-thumb {
    -webkit-transition: all 400ms ease-in-out 60ms;
    transition: all 400ms ease-in-out 60ms;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    opacity: 0;
}

.slide-down {
    transition: all 300ms ease-out;
    transform: translateY(22px);
    opacity: 1 !important;
}

.dim {
    opacity: .4;
}

.my-columns-container, .my-employee-container, .my-filters-container {
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
}

.my-columns-out .card {
    background-color: rgba(249, 249, 249, 1);
    border: 1px solid rgba(74, 74, 74, .2);
    color: #000;
}

    .my-columns-out .card:hover {
        cursor: default;
        /*border: 1px solid rgba(0, 185, 242, .2);*/
        box-shadow: none;
    }

.my-templates-container h4 {
    margin-bottom: 46px !important;
}

.red-pulse {
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    border: 1px solid rgba(242, 0, 0, .35) !important;
    box-shadow: 0px 0px 5px rgba(242, 0, 0, .45);
}


/*TEMPLATE GENERATOR TAB - CARDS DRAG & DROP ANIMATION*/

.card .icon-container-static {
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    color: rgba(74, 74, 74, 0.2);
    width: 40px;
    height: 30px;
    position: absolute;
    right: 0;
}

    .card .icon-container-static i {
        -webkit-transition: all 100ms ease-in-out 20ms;
        transition: all 100ms ease-in-out 20ms;
        cursor: pointer;
        display: block;
        position: absolute;
        top: 7px;
        margin: 0 5px;
    }

    .card .icon-container-static .fa-times {
        color: rgba(0, 192, 242, 0.6);
    }

        .card .icon-container-static .fa-times:hover {
            color: rgba(232, 0, 0, 0.6);
        }

.column-group h4 {
    color: #4a4a4a;
    margin-left: 5px;
}

.droppable-area2 {
    margin-top: 46px;
    width: 100%;
    min-height: 535px;
}

.newClass {
    opacity: .5;
    cursor: default !important;
    color: rgba(74, 74, 74, .35) !important;
}

    .newClass:hover {
        box-shadow: none !important;
        border: 1px solid rgba(74, 74, 74, .35) !important;
    }

    .newClass .icon-container-static i {
        cursor: default;
    }

.card.ui-sortable-helper, .ui-draggable-dragging {
    -webkit-transition: -webkit-transform 60ms ease-in-out;
    transition: transform 60ms ease-in-out;
    box-shadow: 2px 3px 24px rgba(0, 185, 242, 0.15);
    -webkit-transform: rotate(1deg) scale(1.025);
    -ms-transform: rotate(1deg) scale(1.025);
    transform: rotate(1deg) scale(1.025);
    z-index: 100;
}

/*.dropHover  {
    border: 1px solid rgba(0, 185, 242, .35);
    box-shadow: 0px 0px 6px rgba(0, 185, 242, .15);
}*/


.vertical-scroll {
    overflow-y: auto !important;
    overflow-x: hidden;
}

/*Report generator Checkboxes styles*/
.report-generator-checkbox input[type="checkbox"] {
    display: none;
}

    .report-generator-checkbox input[type="checkbox"] + label {
        display: block;
        position: relative;
        padding-left: 35px;
        padding-top: 2px;
        margin-bottom: 20px;
        color: rgba(74, 74, 74, 1);
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-transition: all 140ms, border-color 100ms;
        transition: all 140ms, border-color 100ms;
    }

        .report-generator-checkbox input[type="checkbox"] + label:last-child {
            margin-bottom: 0;
        }

        .report-generator-checkbox input[type="checkbox"] + label:before {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            border: 1px solid rgba(74, 74, 74, .35);
            position: absolute;
            left: 0;
            top: 0;
            opacity: .6;
            -webkit-transition: all 140ms, border-color 100ms;
            transition: all 140ms, border-color 100ms;
        }

        .report-generator-checkbox input[type="checkbox"] + label:hover:before {
            border: 1px solid rgba(74, 74, 74, .6);
        }

    .report-generator-checkbox input[type="checkbox"]:checked + label:before {
        width: 10px;
        top: -5px;
        left: 5px;
        border-radius: 0;
        opacity: 1;
        border: 1.5px solid rgba(0, 185, 242, 1);
        border-top-color: transparent;
        border-left-color: transparent;
        -webkit-transform: rotate(45deg) scale(.75);
        transform: rotate(45deg) scale(.75);
    }

    .report-generator-checkbox input[type="checkbox"]:checked + label:hover:before {
        border: 1.5px solid rgba(0, 185, 242, .85);
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .report-generator-checkbox input[type="checkbox"]:checked + label {
        font-weight: 500;
        margin-left: 4px;
    }

        .report-generator-checkbox input[type="checkbox"]:checked + label:hover {
            color: rgba(74, 74, 74, .85);
        }

/* DISABLED Report generator Checkboxes styles */
.disabled-report-generator-checkbox input[type="checkbox"] {
    display: none;
}

    .disabled-report-generator-checkbox input[type="checkbox"] + label {
        display: block;
        position: relative;
        padding-left: 35px;
        padding-top: 2px;
        margin-bottom: 20px;
        color: rgba(74, 74, 74, 1);
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-transition: all 140ms, border-color 100ms;
        transition: all 140ms, border-color 100ms;
    }

        .disabled-report-generator-checkbox input[type="checkbox"] + label:last-child {
            margin-bottom: 0;
        }

        .disabled-report-generator-checkbox input[type="checkbox"] + label:before {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            border: 1px solid rgba(74, 74, 74, .35);
            background-color: #eeeeee;
            position: absolute;
            left: 0;
            top: 0;
            opacity: .6;
            -webkit-transition: all 140ms, border-color 100ms;
            transition: all 140ms, border-color 100ms;
        }

    .disabled-report-generator-checkbox input[type="checkbox"]:checked + label:before {
        width: 10px;
        top: -5px;
        left: 5px;
        border-radius: 0;
        opacity: 1;
        border: 1.5px solid rgba(0, 0, 0, .25);
        background-color: #fff !important;
        border-top-color: transparent;
        border-left-color: transparent;
        -webkit-transform: rotate(45deg) scale(.75);
        transform: rotate(45deg) scale(.75);
    }

    .disabled-report-generator-checkbox input[type="checkbox"]:checked + label {
        font-weight: 500;
        margin-left: 4px;
    }






.popup-message-error > .ui-dialog-buttonpane > .ui-dialog-buttonset button {
    background-color: rgba(255, 0, 0, 1);
    padding: 10px;
    min-width: 100px;
    border-radius: 2px;
    color: #fff;
    transition: all 50ms ease-in-out;
}

    .popup-message-error > .ui-dialog-buttonpane > .ui-dialog-buttonset button:hover {
        background-color: rgba(221, 0, 0, 1);
    }

    .popup-message-error > .ui-dialog-buttonpane > .ui-dialog-buttonset button:nth-child(2) {
        background-color: rgba(255, 255, 255, 1);
        border: 1px solid rgba(74, 74, 74, .35);
        padding: 10px;
        min-width: 100px;
        border-radius: 2px;
        color: #4a4a4a;
        transition: all 50ms ease-in-out;
    }

        .popup-message-error > .ui-dialog-buttonpane > .ui-dialog-buttonset button:nth-child(2):hover {
            background-color: rgba(74, 74, 74, .35);
            border: 1px solid rgba(74, 74, 74, 0);
        }

.popup-message-question > .ui-dialog-buttonpane > .ui-dialog-buttonset button {
    background-color: rgba(0, 185, 242, .75);
    padding: 10px;
    min-width: 100px;
    border-radius: 2px;
    color: #fff;
    transition: all 50ms ease-in-out;
}

    .popup-message-question > .ui-dialog-buttonpane > .ui-dialog-buttonset button:hover {
        background-color: rgba(0, 185, 242, 1);
    }

    .popup-message-question > .ui-dialog-buttonpane > .ui-dialog-buttonset button:nth-child(2) {
        background-color: rgba(255, 255, 255, 1);
        border: 1px solid rgba(74, 74, 74, .35);
        padding: 10px;
        min-width: 100px;
        border-radius: 2px;
        color: #4a4a4a;
        transition: all 50ms ease-in-out;
    }

        .popup-message-question > .ui-dialog-buttonpane > .ui-dialog-buttonset button:nth-child(2):hover {
            background-color: rgba(74, 74, 74, .35);
            border: 1px solid rgba(74, 74, 74, 0);
        }


.popup-message-success > .ui-dialog-buttonpane > .ui-dialog-buttonset button {
    background-color: rgba(0, 185, 242, .75);
    padding: 10px;
    min-width: 100px;
    border-radius: 2px;
    color: #fff;
    transition: all 50ms ease-in-out;
}

    .popup-message-success > .ui-dialog-buttonpane > .ui-dialog-buttonset button:hover {
        background-color: rgba(0, 185, 242, 1);
    }

.popup-message-alert > .ui-dialog-buttonpane > .ui-dialog-buttonset button {
    background-color: rgba(0, 185, 242, .75);
    padding: 10px;
    min-width: 100px;
    border-radius: 2px;
    color: #fff;
    transition: all 50ms ease-in-out;
}

    .popup-message-alert > .ui-dialog-buttonpane > .ui-dialog-buttonset button:hover {
        background-color: rgba(0, 185, 242, 1);
    }



.ui-autocomplete {
    background-color: #fff;
    border: 1px solid rgba(0, 185, 242, .75);
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-autocomplete-input {
    color: rgba(74, 74, 74, 1);
}

.ui-autocomplete .ui-menu-item {
    transition: all 100ms ease-in-out;
    width: 100%;
    padding: 0 .4em 0 0;
}

    .ui-autocomplete .ui-menu-item a {
        color: rgba(74, 74, 74, 1);
        text-decoration: none;
        padding: 5px 1em 5px .4em;
        display: inherit;
    }

    .ui-autocomplete .ui-menu-item .ui-state-focus {
        margin: 0;
        background-color: rgba(0, 185, 242, .15);
    }

.chosen-policies {
    padding-left: 5px;
}

    .chosen-policies li {
        margin-top: 3px;
    }

        .chosen-policies li:hover {
            cursor: pointer;
            font-weight: 500;
        }

        .chosen-policies li::before {
            transition: all 150ms ease-in-out;
            content: "\2713";
            color: rgba(0, 185, 242, .75);
            margin-right: 1em;
            opacity: 1;
            width: 10px;
        }

        .chosen-policies li::after {
            opacity: 0;
            width: 10px;
        }

        .chosen-policies li:hover::before {
            opacity: 0;
        }

        .chosen-policies li:hover::before {
            transition: all 150ms ease-in-out;
            content: "\2717";
            color: rgba(232, 0, 0, 0.6);
            margin-right: 1em;
            opacity: 1;
        }


.disabled-chosen-policies {
    padding-left: 5px;
}

    .disabled-chosen-policies li {
        margin-top: 3px;
    }

        .disabled-chosen-policies li::before {
            transition: all 150ms ease-in-out;
            content: "\2713";
            margin-right: 1em;
            opacity: 1;
            width: 10px;
        }

        .disabled-chosen-policies li::after {
            opacity: 0;
            width: 10px;
        }

.chosen-policy-label {
    transition: all 100ms ease-in-out;
    display: none;
    opacity: 0;
}

.chosen-states {
    padding-left: 5px;
}

    .chosen-states li {
        margin-top: 3px;
    }

        .chosen-states li:hover {
            cursor: pointer;
            font-weight: 500;
        }

        .chosen-states li::before {
            transition: all 150ms ease-in-out;
            content: "\2713";
            color: rgba(0, 185, 242, .75);
            margin-right: 1em;
            opacity: 1;
            width: 10px;
        }

        .chosen-states li::after {
            opacity: 0;
            width: 10px;
        }

        .chosen-states li:hover::before {
            opacity: 0;
        }

        .chosen-states li:hover::before {
            transition: all 150ms ease-in-out;
            content: "\2717";
            color: rgba(232, 0, 0, 0.6);
            margin-right: 1em;
            opacity: 1;
        }


.disabled-chosen-states {
    padding-left: 5px;
}

    .disabled-chosen-states li {
        margin-top: 3px;
    }

        .disabled-chosen-states li::before {
            transition: all 150ms ease-in-out;
            content: "\2713";
            margin-right: 1em;
            opacity: 1;
            width: 10px;
        }

        .disabled-chosen-states li::after {
            opacity: 0;
            width: 10px;
        }

.chosen-states-label {
    transition: all 100ms ease-in-out;
    display: none;
    opacity: 0;
}

/* Chosen Binding Nos */
.chosen-bindingnos {
    padding-left: 5px;
}

    .chosen-bindingnos li {
        margin-top: 3px;
    }

        .chosen-bindingnos li:hover {
            cursor: pointer;
            font-weight: 500;
        }

        .chosen-bindingnos li::before {
            transition: all 150ms ease-in-out;
            content: "\2713";
            color: rgba(0, 185, 242, .75);
            margin-right: 1em;
            opacity: 1;
            width: 10px;
        }

        .chosen-bindingnos li::after {
            opacity: 0;
            width: 10px;
        }

        .chosen-bindingnos li:hover::before {
            opacity: 0;
        }

        .chosen-bindingnos li:hover::before {
            transition: all 150ms ease-in-out;
            content: "\2717";
            color: rgba(232, 0, 0, 0.6);
            margin-right: 1em;
            opacity: 1;
        }


.disabled-chosen-bindingnos {
    padding-left: 5px;
}

    .disabled-chosen-bindingnos li {
        margin-top: 3px;
    }

        .disabled-chosen-bindingnos li::before {
            transition: all 150ms ease-in-out;
            content: "\2713";
            margin-right: 1em;
            opacity: 1;
            width: 10px;
        }

        .disabled-chosen-bindingnos li::after {
            opacity: 0;
            width: 10px;
        }

.chosen-bindingnos-label {
    transition: all 100ms ease-in-out;
    display: none;
    opacity: 0;
}

.chosen-agents {
    padding-left: 5px;
}

    .chosen-agents li {
        margin-top: 3px;
    }

        .chosen-agents li:hover {
            cursor: pointer;
            font-weight: 500;
        }

        .chosen-agents li::before {
            transition: all 150ms ease-in-out;
            content: "\2713";
            color: rgba(0, 185, 242, .75);
            margin-right: 1em;
            opacity: 1;
            width: 10px;
        }

        .chosen-agents li::after {
            opacity: 0;
            width: 10px;
        }

        .chosen-agents li:hover::before {
            opacity: 0;
        }

        .chosen-agents li:hover::before {
            transition: all 150ms ease-in-out;
            content: "\2717";
            color: rgba(232, 0, 0, 0.6);
            margin-right: 1em;
            opacity: 1;
        }


.disabled-agents-policies {
    padding-left: 5px;
}

    .disabled-agents-policies li {
        margin-top: 3px;
    }

        .disabled-agents-policies li::before {
            transition: all 150ms ease-in-out;
            content: "\2713";
            margin-right: 1em;
            opacity: 1;
            width: 10px;
        }

        .disabled-agents-policies li::after {
            opacity: 0;
            width: 10px;
        }

.chosen-agents-label {
    transition: all 100ms ease-in-out;
    display: none;
    opacity: 0;
}

.chosen-excluded-financiers {
    padding-left: 5px;
}

    .chosen-excluded-financiers li {
        margin-top: 3px;
    }

        .chosen-excluded-financiers li:hover {
            cursor: pointer;
            font-weight: 500;
        }

        .chosen-excluded-financiers li::before {
            transition: all 150ms ease-in-out;
            content: "\2713";
            color: rgba(0, 185, 242, .75);
            margin-right: 1em;
            opacity: 1;
            width: 10px;
        }

        .chosen-excluded-financiers li::after {
            opacity: 0;
            width: 10px;
        }

        .chosen-excluded-financiers li:hover::before {
            opacity: 0;
        }

        .chosen-excluded-financiers li:hover::before {
            transition: all 150ms ease-in-out;
            content: "\2717";
            color: rgba(232, 0, 0, 0.6);
            margin-right: 1em;
            opacity: 1;
        }

.chosen-excluded-financiers-label {
    transition: all 100ms ease-in-out;
    display: none;
    opacity: 0;
}



.drop-down {
    border: 1px solid #e6e7e8 !important;
}

.cancellation-container {
    width: 30%;
    float: left;
}

ul.striped-list {
    padding: 0 !important;
}

    ul.striped-list > li:nth-of-type(odd) {
        background-color: #eaeaea;
    }

    ul.striped-list li {
        padding: 15px;
    }

        ul.striped-list li:hover {
            background-color: #e7f6fd;
        }

#div_lastAssigned.assigned-card:hover .icon-container i {
    -webkit-transition: all 100ms cubic-bezier(0,1.29,.81,1);
    transition: all 100ms cubic-bezier(0,1.29,.81,1);
    transform: scale(1.1);
}

    #div_lastAssigned.assigned-card:hover .icon-container i:first-child {
        -webkit-transition: all 100ms cubic-bezier(0,1.29,.81,1);
        transition: all 100ms cubic-bezier(0,1.29,.81,1);
        transform: scale(0);
    }

#div_lastAssigned.assigned-card .icon-container .editFIle {
    top: 6.5px;
    opacity: 1;
}
    #div_lastAssigned.assigned-card .icon-container .editFIle:hover {
        
    }

#div_lastAssigned.assigned-card .icon-container .deleteFIle {
    margin-left: 34px;
    opacity: 1;
}
#div_lastAssigned.assigned-card .icon-container .deleteFIle:hover {
    color: rgba(232, 0, 0, 0.55);
}

#div_lastAssigned.assigned-card .icon-container i:hover {
    transform: scale(1.25);

}

.el-focus {
    color: #4a4a4a;
    font-weight: 500;
    background-color: rgba(0, 185, 242, .075) !important;
}

.status {
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    color: #ffffff;
    font-weight: 600;
    margin-top: 2px;
    font-size: 12px;
    background-color: #0D77BD;
    box-shadow: 0 1px 2px rgb(28, 29, 72, 0.50);
}

.status-Active {
    background-color: #3FBB96;
    box-shadow: 0 1px 2px rgba(0,125,33, .5);
}

.status-Inactive {
    background-color: #e7d73f;
    box-shadow: 0 1px 2px rgba(181,201,16, .5);
}

.status-Cancelled {
    background-color: #E05858;
    box-shadow: 0 1px 2px rgba(201,16,16, .5);
}

.status-Completed {
    background-color: #58AFE0;
    box-shadow: 0 1px 2px rgba(16,150,201, .5);
}


.status-paid {
    background-color: #D3ECD7;
    box-shadow: 0 1px 2px rgba(43,190,68, .5);
}

/* Input tags */

.input-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    min-height: 24px;
}

.input-tag {
    padding: 3px 20px 3px 4px;
    background-color: #E6E7E8;
    font-size: 12px;
    color: #4a4a4a;
    margin: 2px 3px 3px 0;
    border-radius: 4px;
    position: relative;
    font-weight: 600;
    cursor: pointer;
    transition: all .05s ease-in;
}
    .input-tag:hover {
        background-color: #f6f6f6;
    }



    .input-tag:hover::after {
        color: #ff8080;
    }

    .input-tag:hover .tag-tooltip {
        opacity: 1;
        visibility: visible;
    }

    .input-tag::after {
        content: '\002bbf';
        color: #0E7DC1;
        position: absolute;
        right: 3px;
        font-weight: 500;
        font-size: 15px;
    }

    .input-tag.readOnly {
        padding: 4px 8px;
        pointer-events: none !important;
        background-color: #e7f6fd;
    }

    .input-tag.readOnly::after {
        content: '';
    }

.input-container input {
    border: none;
    min-width: 40px;
    background-color: #fbfbfb;
    width: 90%;
}

.input-container input:focus {
    box-shadow: none;
    border: none;
}

.tag-tooltip {
    position: absolute;
    bottom: 28px;
    right: -2px;
    min-width: 300px;
    padding: 6px 10px;
    line-height: 1.5;
    background-color: #2a7fc4;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 2px 12px rgba(14, 54, 78, .28);
    transition: all 100ms ease-in 400ms;
}

    .tag-tooltip::before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: #2a7fc4;
        transform: rotate(45deg);
        right: 14px;
        bottom: -4px;
    }

    

.reason-li {
    position: relative;
}

    .reason-li span {
        position: absolute;
        left: 0px;
        top: 32px;
        padding: 6px 8px;
        background-color: #2a7fc4;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transition: all 100ms ease-in 1000ms;
        z-index: 1;
        width: calc(100% - 16px);
        font-size: 12px;
        font-weight: 500;
        line-height: 1.5;
    }

        .reason-li span::before {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #2a7fc4;
            transform: rotate(45deg);
            left: 10px;
            top: -5px;
        }

    .reason-li:hover span {
        opacity: 1;
        visibility: visible;
    }


.zebra-list th, .zebra-list td {
    padding: 14px;
    text-align: left;
}

.zebra-list tr:not(:first-child):hover {
    background-color: #e7f6fd;
}

.zebra-list td:hover .fa-ellipsis-h {
    -webkit-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
    opacity: 0;
}

.zebra-list td:hover .hide {
    -webkit-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}



#tabs_TopLeft .label:not(.btext-light-cyan) {
    padding-bottom: 1px;
    font-size: 14px;
}

#tabs_TopLeft .output1,
#tabs_TopLeft .output2,
#tabs_TopLeft .output3 {
    font-size: 14px;
    height: auto;
    line-height: 1.45;
}