/* Minification failed. Returning unminified contents.
(2016,1): run-time error CSS1019: Unexpected token, found '@charset'
(2016,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(2016,17): run-time error CSS1019: Unexpected token, found ';'
 */
@charset "UTF-8";
/* CSS Document */
/* QTT Stylesheets */
/* Version 0.2 */
/* Updated 1-16-2014 */
/* Copyright © 2014 Quantum Information Systems Solutions, Inc. */

/*Application Wide / Utility Styles*/

/*Clears padding & margin defaults*/
* {
    padding: 0;
    margin: 0;
}

/*Sets background and global sizes*/
html {
    height: 100%;
    width: 100%;
    background-image: url('../images/qttbg.png');
    background-size: 100% 100%;
    background-size: cover;
    min-width: 1190px;
    background-repeat: no-repeat;
    background-color: #22a8df;
}

/*Global font setup*/
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*Negative Number Styles*/
.q-negativevalue {
    color: #FF0000;
}

    .q-negativevalue:before {
        content: "(";
    }

    .q-negativevalue:after {
        content: ")";
    }

/*Alert Box*/
.q-alert-box {
    height: 30px;
    line-height: 30px;
    padding: 10px;
    background-color: #FCF8E3;
    margin-bottom: 5px;
    border: 1px solid #FAEBCC;
    border-radius: 4px;
}

/*Alert Box Close*/
.q-alert-box-close {
    float: right;
    cursor: pointer;
}

/*Character Count Area*/
#charcountarea {
    width: 798px;
    text-align: right;
    font-size: .8em;
}

/*Help Tooltip Icon*/
.q-helptooltip {
    background-image: url(../images/tooltip_help.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}
.q-cautiontooltip {
    background-image: url(../images/icons/cautiontooltip.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 17px;
    height: 16px;
    float: right;
    margin-left:5px;
    margin-top: 1px;
}
.q-failtooltip {
    background-image: url(../images/icons/failtooltip.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 17px;
    height: 16px;
    float: right;
    margin-left:5px;
    margin-top: 1px;
}
.q-successtooltip {
    background-image: url(../images/icons/successtooltip.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 17px;
    height: 16px;
    float: right;
    margin-left:5px;
    margin-top: 1px;
}
.q-blanktooltip {    
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 17px;
    height: 16px;
    float: right;
    margin-left:5px;
    margin-top: 1px;
}

.q-tooltip-noimage {
    background-position: center center;
    display: block;
    width: 17px;
    height: 16px;
    float: right;
    margin-left:5px;
    margin-top: 1px;
}

.q-mandatorytooltip {
    background-image: url(../images/icons/icon_validation_requiredfield.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right:2px;
    margin-bottom: 2px;
    vertical-align: middle;
}

.q-mandatorytooltip-blank {
    background-position: center center;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right:2px;
    margin-bottom: 2px;
    vertical-align: middle;
}

.textfield-error-border {
    /*border: 1px solid red;*/
    border: 1px solid #A94442;
   
}
.dropdown-error-border {
    border: 1px solid #A94442;
    height: 34px;    
}
.textfield-error-border-cellphone{
    border: 1px solid #A94442;
    border-right-color: none;
}
.textfield-error-border:hover {
     border: 1px solid #A94442;
}

/*Grid Filter Active Color*/
.k-grid-filter.k-state-active {
    background-color: #459BD2;
}

/*Bold Text (As needed)*/
.q-bold {
    font-weight: bold;
}

/*Used to disable overflow as needed for page*/
.q-nooverflow {
    overflow: hidden;
}

/*Default content hide*/
#content {
    display: none;
}

/*Large Page Loader Image Area*/
#qloader {
    width: 75px;
    height: 75px;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}

/*Error Page Styles*/
/*Error Box*/
#error {
    width: 575px;
    height: 130px;
    background-color: #fff;
    border: solid 5px #c0c0c0;
    border-radius: 50px;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: left;
}

/*Error text*/
#q-errortext {
    margin-top: 25px;
    font-size: 16px;
}

/*Error page background*/
#errorbg {
    background: #343434;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    min-width: 970px;
}

/*Used to clear the error box*/
.q-noerror {
    display: none;
}

/*Login Styles*/

/*Login Box*/
#login {
    width: 429px;
    height: 429px;
    background-color: #fff;
    border: solid 5px #c0c0c0;
    border-radius: 50px;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding-top: 5px;
    padding-left: 5px;
    text-align: center;
}

/*Login Page Logo*/
.q-loginlogo {
    margin-top: 19px;
}

/*Login Title*/
.q-logintitle {
    color: #4d4d4d;
    font-size: 48px;
    font-weight: bold;
    height: 55px;
}

/*Login Text Boxes*/
.q-logintext {
    font-size: 28px;
    width: 335px;
    height: 36px;
    border-bottom: solid 1px #cccccc;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 10px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    color: #000;
}

/*Login Textbox Labels*/
.q-logintext-label {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 28px;
    font-weight: 300;
    color: #b2b2b2;
}

/*Login Error Messages*/
.q-errormessages {
    height: 14px;
    /*width: 335px;*/
    margin-top: 9px;
    /*margin-left: 47px;
    text-align: left;*/
}
/*Button Properties*/
#loginbutton, #resetbutton, #langbtn {
    background: transparent;
    border: none;
    padding: 0;
    width: 90px;
}

/*#loginbutton, #resetbutton, #langbtn {
    margin-right: 20px;
}*/

/*Login Button Icon Size*/
.q-lang-en-gb, #langbtn-img {
    /*min-width: 53px;
	min-height: 53px;
	display: inline-block;
	background-repeat:no-repeat;
	background-position:center;*/
    width: 54px;
    height: 54px;
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

#loginbtn-img, #resetbtn-img {
    width: 53px;
    height: 53px;
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

/*Login Icon*/
.q-loginbuttonicon {
    background-image: url(../images/button_login.png);
}

/*Login Icon Active*/
#loginbutton:active .q-loginbuttonicon {
    background-image: url(../images/button_login_active.png);
}

/*Reset Icon*/
.q-loginreseticon {
    background-image: url(../images/button_reset.png);
}

/*Reset Icon Active*/
#resetbutton:active .q-loginreseticon {
    background-image: url(../images/button_reset_active.png);
}

/*Login Button Text*/
.q-loginbuttontext {
    color: #9b9b9b;
    font-size: 18px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}

/*Active Login Button Text*/
#loginbutton:active .q-loginbuttontext, #resetbutton:active .q-loginbuttontext, #langbtn:active .loginbox-btns-label {
    color: #1984C8;
}

/*Retina Versions*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .q-loginbuttonicon, .q-loginreseticon {
        background-size: 53px auto;
        background-repeat: no-repeat;
        background-position: center center;
    }

    /*Login Button Image*/
    .q-loginbuttonicon {
        background-image: url(../images/lang/retina/button_login.png);
    }

    /*Login Button Image Active*/
    #loginbutton:active .q-loginbuttonicon {
        background-image: url(../images/lang/retina/button_login_active.png);
    }
    /*Reset Button Image*/
    .q-loginreseticon {
        background-image: url(../images/lang/retina/button_reset.png);
    }

    /*Reset Button Image Active*/
    #resetbutton:active .q-loginreseticon {
        background-image: url(../images/lang/retina/button_reset_active.png);
    }
}

/*Language Pop Over Settings*/
#loginbox-btns > .popover {
    max-width: 335px;
}

    #loginbox-btns > .popover > .popover-content {
        overflow-y: auto;
        max-height: 200px;
        width: 315px;
    }

/*Language Pop Over Item Styles*/

.q-lang-menuitem {
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
}

    .q-lang-menuitem:hover {
        background-color: #EBEBEB;
    }

.q-lang-menuitem-selected {
    background-color: #428BCA;
    color: #fff;
}

    .q-lang-menuitem-selected:hover {
        color: #000;
    }

.q-lang-menuitem:active {
    background-color: #428BCA;
    color: #fff;
}

/*Language Button Images///////////////////////////////////////////////////*/

/*English Selection Image Sizing*/
.q-lang-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 5px;
    vertical-align: middle;
}

/*English - US*/
.q-lang-en-US {
    background-image: url(../images/lang/en-US.png);
}

/*English or French - Canada*/
.q-lang-en-can,
.q-lang-fr-can {
    background-image: url(../images/lang/can.png);
}

/*Chinese*/
.q-lang-cn {
    background-image: url(../images/lang/cn.png);
}

/*German*/
.q-lang-de {
    background-image: url(../images/lang/de.png);
}

/*Spanish - Mexico */
.q-lang-es-mx {
    background-image: url(../images/lang/es-mx.png);
}

/*Spanish*/
.q-lang-es {
    background-image: url(../images/lang/es.png);
}

/*French*/
.q-lang-fr-FR {
    background-image: url(../images/lang/fr-FR.png);
}

/*Hindi*/
.q-lang-hi {
    background-image: url(../images/lang/hi.png);
}

/*Italy*/
.q-lang-it {
    background-image: url(../images/lang/it.png);
}

/*Japan*/
.q-lang-ja {
    background-image: url(../images/lang/ja.png);
}

/*Dutch*/
.q-lang-nl {
    background-image: url(../images/lang/nl.png);
}

/*Portuguese - Brazil*/
.q-lang-pt-br {
    background-image: url(../images/lang/pt-br.png);
}

/*Portuguese*/
.q-lang-pt {
    background-image: url(../images/lang/pt.png);
}

/*Russian*/
.q-lang-ru {
    background-image: url(../images/lang/ru.png);
}

/*Slovak*/
.q-lang-sk {
    background-image: url(../images/lang/sk.png);
}

/*Thai*/
.q-lang-th {
    background-image: url(../images/lang/th.png);
}

/*Vietnamese*/
.q-lang-vi-VN {
    background-image: url(../images/lang/vi-VN.png);
}

/*Retina Versions (Large Language Button Version Only)*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #langbtn-img {
        background-size: 53px auto;
        background-repeat: no-repeat;
        background-position: center center;
    }

        /*English - US*/
        #langbtn-img.q-lang-en-US {
            background-image: url(../images/lang/retina/en-US.png);
        }

        /*English or French - Canada*/
        #langbtn-img.q-lang-en-can,
        #langbtn-img.q-lang-fr-can {
            background-image: url(../images/lang/retina/can.png);
        }

        /*Chinese*/
        #langbtn-img.q-lang-cn {
            background-image: url(../images/lang/retina/cn.png);
        }

        /*German*/
        #langbtn-img.q-lang-de {
            background-image: url(../images/lang/retina/de.png);
        }

        /*Spanish - Mexico */
        #langbtn-img.q-lang-es-mx {
            background-image: url(../images/lang/retina/es-mx.png);
        }

        /*Spanish*/
        #langbtn-img.q-lang-es {
            background-image: url(../images/lang/retina/es.png);
        }

        /*French*/
        #langbtn-img.q-lang-fr-FR {
            background-image: url(../images/lang/retina/fr-FR.png);
        }

        /*Hindi*/
        #langbtn-img.q-lang-hi {
            background-image: url(../images/lang/retina/hi.png);
        }

        /*Italy*/
        #langbtn-img.q-lang-it {
            background-image: url(../images/lang/retina/it.png);
        }

        /*Japan*/
        #langbtn-img.q-lang-ja {
            background-image: url(../images/lang/retina/ja.png);
        }

        /*Dutch*/
        #langbtn-img.q-lang-nl {
            background-image: url(../images/lang/retina/nl.png);
        }

        /*Portuguese - Brazil*/
        #langbtn-img.q-lang-pt-br {
            background-image: url(../images/lang/retina/pt-br.png);
        }

        /*Portuguese*/
        #langbtn-img.q-lang-pt {
            background-image: url(../images/lang/retina/pt.png);
        }

        /*Russian*/
        #langbtn-img.q-lang-ru {
            background-image: url(../images/lang/retina/ru.png);
        }

        /*Slovak*/
        #langbtn-img.q-lang-sk {
            background-image: url(../images/lang/retina/sk.png);
        }

        /*Thai*/
        #langbtn-img.q-lang-th {
            background-image: url(../images/lang/retina/th.png);
        }

        /*Vietnamese*/
        #langbtn-img.q-lang-vi-VN {
            background-image: url(../images/lang/retina/vi-VN.png);
        }
}

/*Used for background fadeout*/
#bgfade {
    background: #000;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 1190px;    
}

/*Used to apply a z-index for the bgfade when used for 2nd Level Modal Windows*/
.q-fadewinlvl2 {
    z-index: 10004;
}

/*Header Styles*/

/*Header Area*/
#header {
    background: #fff;
    width: 100%;
    height: 64px;
    min-height: 64px;
    border-bottom: solid 4px #808080;
}

/*Header Logo*/
.q-headerimg {
    margin-top: 9px;
    margin-left: 12px;
    float: left;
}

/*Progress indicator area*/
#pageprogressarea {
    width: 40px;
    height: 20px;
    margin-top: 23px;
    margin-left: 20px;
    display: inline-block;
    float: left;
}

/*Navigation Tabs*/
.q-headernav li {
    display: inline;
    font-size: 1.5em;
    font-weight: bold;
    color: #424242;
    margin-top: 20px;
    float: left;
}

    /*Active State for Tab Levels*/
    .q-headernav li:active {
        color: #1984C8;
    }

    /*Spacing for Tabs*/
    .q-headernav li:nth-child(n+2) {
        margin-left: 27px;
    }

/*Cursor for tabs*/
#timelogs, #expenses, #projects, #reports {
    cursor: pointer;
}

/*Selected State for Tab Labels*/
.q-headernav-selected {
    color: #346aae !important;
}

/*Wrapper for Header Icons*/
#headericonswrapper {
    float: right;
}

/*Header Icons*/
.q-headericons li {
    display: inline-block;
    height: 64px;
    width: 64px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}

#directory {
    background-image: url(../images/icon_directory.png);
}

    #directory:active {
        background-image: url(../images/icon_directory_active.png);
    }

#configuration {
    background-image: url(../images/icon_configuration.png);
}

    #configuration:active {
        background-image: url(../images/icon_configuration_active.png);
    }

#help {
    background-image: url(../images/icon_help.png);
}

    #help:active {
        background-image: url(../images/icon_help_active.png);
    }

#logout {
    background-image: url(../images/icon_logout.png);
}

    #logout:active {
        background-image: url(../images/icon_logout_active.png);
    }

/*Content Sections - General*/
#timelogswrapper, #expenseswrapper, #projectswrapper, #reportswrapper {
    position: absolute;
    width: 100%;
    min-width:1190px
}

/*Default wrapper parameters for off screen tabs*/
/*#expenseswrapper, #projectswrapper, #reportswrapper {
	left: auto;
	right: -100%;
}*/

/*Used to hide an element*/
.q-hide {
    display: none;
}

/*General Popup Window Styles*/
.q-windowbtn {
    clear: left;
    margin-top: 14px;
    /*margin-right: 5px;*/
}

.q-window-exp-grid-btn {
    clear: left;
    margin-top: 8px;
    /*margin-right: 5px;*/
}

.emptymainpage {
    display: block;
    text-align: center;
    height: 100px;
    line-height: 6em;
    color: #ff0000;
    font-weight: bold;
}
/*Time Log & Expenses Grid Styles, Projects Content Area*/

/*Core grid layout sizing and properties*/
#timelogsgridwrap, #expensesgridwrap, #projectsinnerwrap, #emptymainpage {
    margin: 0.875em;
    font-size: 1em;
    background-color: #F6F6F6;
    border-radius: 5px;
    border: solid 2px #dbdbde;
    min-width: 950px;
    box-shadow: 0px 0px 0px 1px #888888;
}
#projectsinnerwrap{
    margin: 0.875em 0.875em 0 0.875em!important;
}

#timelogsgrid {
    background-color: #FFF;
    overflow: auto;
}

/*Wrapper for Grid Toolbar*/
.q-toolbarwrap {
    margin: 0px;
    padding: 0.22em 0.2em 0.28em;
}

/*Grid Toolbar*/
.q-toolbar {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
/* Expense Toolbar*/
.q-toolbar-expense {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    min-height: 48px;
    background-color: #FFF;
}

.q-toolbar-title {
    display: inline-block;
    width: 100%;
    /*margin: 0 auto;*/
    margin-top: 7px;
    text-align: left;
    min-height: 30px;
    border-bottom: 1px solid #DBDBDE;
    vertical-align: middle;
}

/*Used for grid toolbar spacing element*/
.q-gridtoolbarspacer {
    margin-left: 4px !important;
}

/*Left Side Toolbar Controls for Grid*/
.q-gridtoolbarcontrols {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    float: left;
}

.q-expense-toolbarcontrols {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    float: left;
    margin-top: 8px;
    margin-left: 10px;
}

/*Projects Toolbar Controls*/
.q-projects-toolbarcontrols {
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-left: 5px;
}

/*Kendo Toolbar Icons Custom Image State*/
.q-kicon-active {
    background-image: url(Silver/sprite_q_active.png);
}

/*Printer Button and related image states*/
.q-toolbarprint {
    background-image: url(../images/icon_print.png);
    background-position: center;
    background-repeat: no-repeat;
    min-width: 32px;
    min-height: 33px;
}

.q-toolbarprint:active, .q-toolbarprint:active:hover {
    background-image: url(../images/icon_print_white.png);
}

.q-toolbarprint:hover {
    background-image: url(../images/icon_print.png);
}

.q-toolbaremail {
    background-image: url(../images/icon_email.png);
    background-position: center;
    background-repeat: no-repeat;
    min-width: 32px;
    min-height: 33px;
}

.q-toolbaremail:active, .q-toolbaremail:active:hover {
    background-image: url(../images/icon_email_selected.png);
}

.q-toolbaremail:hover {
    background-image: url(../images/icon_email.png);
}

/*Grid, Projects Month Title*/
.q-gridmonthtitle, #projectstitle {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: auto;
    font-size: 24px;
    font-weight: bold;
    color: #6c6c6c;
}

/*Employee Selection Container*/
.q-gridempselect {
    display: inline-block;
    float: right;
    text-align: right;
    vertical-align: middle;
    width: 305px;
}
.q-gridempselect .k-dropdown {
    text-align: left !important;
}

.q-emplabel {
    margin-right: 10px;
    vertical-align: middle;
}
/* Expense select employee*/
.q-expense-empselect {
    display: inline-block;
    float: right;
    text-align: right;
    vertical-align: middle;
    width: 200px;
    margin-top: 8px;
    margin-right: 10px;
}

.q-expense-empselect .k-dropdown {
    text-align: left !important;
}

.q-emplabel-title {
    margin-left: 10px;
    font-weight: bold;
}
/* Expense date select*/
.q-expense-toolbarselectdate {
    display: inline-block;
    float: right;
    margin-top: 8px;
    margin-right: 10px;
    /*text-align: right;*/
    vertical-align: middle;
    width: auto;
}

/*Line spacing for the Advances Column*/
.q-adv {
    line-height: .9em;
}

/*Border applied under the day names for the header*/
.day {
    border-bottom: solid 1px #000;
}

.bgweekend {
    background-color: #b3b3b3;
}

.bgfooterweekend {
    background-color: #b3b3b3;
}

.whitegb {
    background-color: #FFF;
    overflow: auto;
}


/*Table rows bottom borders */
#timelogsgrid > table > tbody > tr:not(:last-child) > td {
    border-bottom: solid 1px #dbdbde;
}

#timelogsgrid > table > tbody > tr:last-child > td {
    border-bottom: solid 2px #dbdbde;
}

/*Grid Header Text Formatting*/
#timelogsgrid .k-grid-header .k-header {
    text-align: center;
    padding-left: 1px;
    padding-right: 1px;
    font-weight: 500;
}

/*Set the grid table cells to center align*/
#timelogsgrid td:nth-child(n+2) {
    text-align: center;
}

/*Sets the cursor of the project cells to cell style*/
#timelogsgrid tbody td:nth-child(n+2):not(:last-child) {
    cursor: cell;
}

    /*Grid Entry Cell Click State*/
    #timelogsgrid tbody td:nth-child(n+2):not(:last-child):active {
        background: #1984c8 !important;
        color: #fff;
    }

/*Footer Text Bold*/
#timelogsgrid .k-footer-template > td {
    font-weight: bold;
}

/*Expenses Grid Footer*/
#EXPGridFooter {
    background-color: #F5F5F6;
    width: 100%;
    height: 100px;
}

#EXPTotals {
    display: block;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.q-EXPfootervaluerow {
    display: table-row;
}

.q-EXPgridfooterlabel {
    display: table-cell;
    text-align: right;
    font-weight: bold;
}

.q-EXPgridfootervalues {
    font-weight: normal;
    min-width: 105px;
    display: table-cell;
    text-align: right;
}

/*Expenses Grid Footer Note (for currency notice)*/
.q-EXPfooternote {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}

/*Footer Number Value Text Color */
#timelogsgrid .k-footer-template > td:not(:first-child):not(:last-child) {
    color: #fff;
}

/*Expense panel border*/
.q-expense-panel-wrap {
    border: 1px solid #A6AFBE;
    border-radius: 5px;
}
/*Grid draft sheet*/
#draftsheetsgrid, #conflitsheetsgrid, #submittedsheetsgrid, #paidsheetsgrid {
    /*min-height: 300px;*/
    height: 300px;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: auto;
}

    #conflitsheetsgrid .k-grid-content table tbody tr td,
    #draftsheetsgrid .k-grid-content table tbody tr td,
    #submittedsheetsgrid .k-grid-content table tbody tr td,
    #paidsheetsgrid .k-grid-content table tbody tr td {
        border-bottom: 1px solid #DBDBDE !important;
        /*background-color: #fff !important;*/
    }

    /*#conflitsheetsgrid .k-grid-content,
    #draftsheetsgrid .k-grid-content,    
    #submittedsheetsgrid .k-grid-content,
    #paidsheetsgrid .k-grid-content {
            overflow-x: hidden !important;
            overflow-y: visible !important;
    }
    #conflitsheetsgrid .k-grid-header,
    #draftsheetsgrid .k-grid-header,
    #submittedsheetsgrid .k-grid-header,
    #paidsheetsgrid .k-grid-header {
        padding-right: 1px !important;
    }*/
            

/*Footer Final Total Border Radius Adjustment*/
#timelogsgrid .k-footer-template > td:last-child {
    border-bottom-right-radius: 5px;
}

/*Footer Final Total Background Cells (Green) - will need adjustments (i.e. convert to class and loop through)
#timelogsgrid .k-footer-template > td:last-child {
	background-color: #66994D;
	color: #fff;
}*/

/*Footer Final Total Background Cells (Red) - will need adjustments (i.e. convert to class and loop through)*/
#timelogsgrid .k-footer-template > td:last-child {
    /*background-color: #ff8080;*/
    color: #fff;
}

/*Footer Final Total Background Cells (Yellow) - will need adjustments (i.e. convert to class and loop through)
#timelogsgrid .k-footer-template > td:last-child {
	background-color: #FFFB80;
	color: #000;
}*/

/*Expenses Color Codes*/

/*Approved Expense Entry - selector will need adjustments for demo purposes*/
.advancegb {
    background-color: #339900;
    color: #fff;
}

/*Time Log & Expense Edit Grids*/

#expeditgrid {
    font-size: 1em;
    min-width: 940px;
    width: 1055px;
    background-color: transparent;
}
#tleditgrid{
    font-size: 1em;
    min-width: 940px;
    width: 940px;
    background-color: transparent;
}

#expeditgridpanel {
    min-width: 1057px;
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #A6AFBE;
    background-color: #F8F8F8;
    border-radius: 5px;
}
#timelogseditarea{
    min-width: 940px;
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #A6AFBE;
    background-color: #F8F8F8;
    border-radius: 5px;
}
.q-windowtimelogsedit-bottombtn{
    margin-top: 5px;
}

#EXPNoteformarea {
    background: #F6F6F7;
    border: solid 1px #DBDBDE;
    border-radius: 5px;
    padding: 5px;
    min-width: 855px !important;
}

#expnotegrid {
    font-size: 1em;
    min-width: 850px;
    width: 853px;
    height: 180px;
    background-color: transparent;
}

    #expnotegrid .k-grid-content > table > tbody > tr > td {
        border-bottom: 1px solid #DBDBDE;
    }

#expnotearea {
    min-width: 853px;
    max-width: 853px;
    height: 135px;
    padding: 0px;
    /*background-color: #F5F5F6;
    border-left: solid 1px #DBDBDE;
    border-right: solid 1px #DBDBDE;
    border-bottom: solid 1px #DBDBDE;*/
    /*padding: 3px;*/
}

#expsheetnote {
    float: left;
    display: inline-block;
    margin-right: 20px;
}

#tleditgrid .k-grid-header .k-header,
#expeditgrid .k-grid-header .k-header {
    /*text-align: center;*/
    text-align: left;
    font-weight: 500;
}

#tleditgrid .k-grid-content,
#expeditgrid .k-grid-content {
    min-height: 233px;
    max-height: 233px;
}

    #tleditgrid .k-grid-content > table > tbody > tr > td,
    #expeditgrid .k-grid-content > table > tbody > tr > td {
        border-bottom: 1px solid #DBDBDE;
    }

        #tleditgrid .k-grid-content > table > tbody > tr > td:nth-child(4),
        #tleditgrid .k-grid-content > table > tbody > tr > td:nth-child(6),
        #expeditgrid .k-grid-content > table > tbody > tr > td:nth-child(5),
        #expeditgrid .k-grid-content > table > tbody > tr > td:nth-child(6),
        #expeditgrid .k-grid-content > table > tbody > tr > td:nth-child(7) {
            text-align: center;
        }

        #expeditgrid .k-grid-content > table > tbody > tr > td:nth-child(3) {
            text-align: right;
        }

        #expeditgrid .k-grid-content > table > tbody > tr > td:nth-child(10) {
            text-align: left;
            border-left: none;
        }

#expeditgrid .k-grid-header-wrap > table > thead > tr > th:nth-child(10) {
    border-left: none;
}

/* Expenses Sheet -> Align right for the currency columns */
#conflitsheetsgrid .k-grid-content > table > tbody > tr > td:nth-child(5),
#conflitsheetsgrid .k-grid-content > table > tbody > tr > td:nth-child(6),
#draftsheetsgrid .k-grid-content > table > tbody > tr > td:nth-child(5),
#draftsheetsgrid .k-grid-content > table > tbody > tr > td:nth-child(6),
#submittedsheetsgrid .k-grid-content > table > tbody > tr > td:nth-child(5),
#submittedsheetsgrid .k-grid-content > table > tbody > tr > td:nth-child(6),
#paidsheetsgrid .k-grid-content > table > tbody > tr > td:nth-child(5),
#paidsheetsgrid .k-grid-content > table > tbody > tr > td:nth-child(6) {
    text-align: right;
}

/*Project Combo box resize temp*/
#tleditgrid .k-edit-cell > .k-textbox, .k-edit-cell > .k-widget,
#tleditgrid .k-grid-edit-row > td:nth-child(1) > .k-textbox,
#tleditgrid .k-grid-edit-row > td:nth-child(1) > .k-widget,
#tleditgrid .k-grid-edit-row > td:nth-child(1) > .text-box {
    width: 105px;
}

/*Used for the project selection button size*/
#prjselbutton, #prjexpbutton, #prjexpunlockbutton {
    margin-left: 3px;
    min-width: 33px;
    max-width: 33px;
    min-height: 33px;
}

.q-projectselecticon {
    background-image: url(../images/icon_searchbutton.png) !important;
    background-position: center;
    background-repeat: no-repeat;
}

.q-projectselecticon:hover {
    background-image: url(../images/icon_searchbutton.png)!important;
    background-position: center;
    background-repeat: no-repeat;
}

.q-projectselecticon:active {
    background-image: url(../images/icon_searchbutton_white.png)!important;
    background-position: center;
    background-repeat: no-repeat;
}

.q-project-locked {
    background-image: url(../images/Locked.png) !important;
    background-position: center;
    background-repeat: no-repeat;
}
.q-project-unlock {
    background-image: url(../images/Unlocked.png) !important;
    background-position: center;
    background-repeat: no-repeat;
}

/*Description Character Count Area*/
#descrcounterarea {
    display: block;
    text-align: right;
    font-size: .8em;
}

/*Sets the cursor to cell style selector*/
#tleditgrid tr > td,
#expeditgrid tr > td {
    cursor: cell;
}

/*Resets the cursor when the row is selected for editing*/
#tleditgrid tr.k-grid-edit-row > td,
#expeditgrid tr.k-grid-edit-row > td {
    cursor: auto;
}

/*Edit Row Height (Time Logs)*/
#tleditgrid .k-grid-edit-row {
    height: 116px;
}

/*Edit Row Borders*/
#tleditgrid .k-grid-edit-row,
#expeditgrid .k-grid-edit-row {
    border-left: solid 1px #dbdbde;
    border-right: solid 1px #dbdbde;
}

/*Selected Edit Row Borders*/
#tleditgrid tr .k-state-selected,
#expeditgrid tr .k-state-selected {
    border-left: solid 1px #dbdbde;
    border-right: solid 1px #dbdbde;
}

.q-textarea {
    resize: none;
    min-height: 95px;
    max-height: 95px;
    max-width: 225px;
    min-width: 225px;
}

.q-textarea-note {
    resize: none;
    min-height: 95px;
    min-width: 430px;
}

.q-multiselectmaxheight{
    max-height: 120px !important;
    width:auto;
    overflow: auto !important;
}
.reject-receipt-row .k-multiselect-wrap{
    height: 100px;
    max-height: 120px !important;
    overflow: auto !important;
}
#usergrouparea .k-multiselect-wrap{
    height: 95px;
    max-height: 120px !important;
    overflow: auto !important;
}
/*Expenses Center Align Controls for Reciept, and Approved*/
#expeditgrid td:nth-child(6),
#expeditgrid td:nth-child(7),
#expeditgrid td:nth-child(8) {
    text-align: center;
}

/*Expenses & Time Log Edit Grid Totals and Additional Controls Footer*/
#exptotalarea, #tletotalarea {
    min-width: 934px;
    background-color: #F5F5F6;
    border-left: solid 1px #DBDBDE;
    border-right: solid 1px #DBDBDE;
    border-bottom: solid 1px #DBDBDE;
    padding: 3px;
}

#expsheeteditgridtoolbar {
    min-width: 934px;    
    background-color: #F5F5F6;
    border-left: solid 1px #DBDBDE;
    border-right: solid 1px #DBDBDE;
    border-top: solid 1px #DBDBDE;
    padding: 3px;
}

#expsheeteditleftinfo {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    width: 100%;
}

#expsheeteditrightinfo {
    float: right;
    margin-right: 15px;
    margin-top: 21px;
}

#expgridleftbutton {
    float: left;
    margin-top: 3px;
}


.q-expeditgridtoolbarvaluerow {
    margin-bottom: 5px;
    clear: both;
}

.q-expeditgridtoolbarvaluerow-second {
    margin-bottom: 0px;
    clear: both;
}

.q-expedit-label {
    font-weight: bold;
    display: inline-block;
}

.q-ExpGrid-firstColumn {
    float: left;
    width: 460px;
    height:40px;
}
.q-ExpGrid-secondColumn {
    float: left;
    height:40px;
}

.q-ExpGrid-project-label {
    width: 125px;
    text-align: left;
    display: inline-block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: bold;
}
.q-ExpGrid-desc-label {
    width: 190px;
    text-align: left;
    display: inline-block;
    margin-left: 2px;
    margin-right: 5px;
    font-weight: bold;
}

/*Config Tab Item Value Textbox Spacing */
.q-expedit-value input {
    margin-bottom: 5px;
}

#expensealignbutton, #expenseverified, #expenseapproved, #marginbottomgridrow {
    margin-bottom: 5px;
}

#expeditgrid tbody .k-custom-button-expense {
    min-width: 12px;
    width: 32px;
    height: 32px;
    padding-right: 0px;
    overflow: hidden;
}
/*#expeditgrid tbody .k-custom-button-reject {
    min-width: 12px;
    width: 32px;
    height: 32px;
    padding-right: 0px;
    overflow: hidden;
}*/

/*Expense Sheet Last Modified Styles - including label and value*/
.q-expmodified {
    float: right;
    margin-top: 5px;
    width: 195px;
}

.q-expmodified-label {
    font-weight: bold;
}

.q-expmodified-value {
    float: right;
}

/*General Expense Edit or Advance Screen, and Time Log Edit Generic Footers*/
.q-expgenricfooter,
.q-tlegenericfooter {
    height: 30px;
}

/*Expense Sheet Footer Height*/
.q-expsheetfooter {
    height: 120px;
}

.q-expsheet-editgridtoolbar {
    height: 85px;
}

/*Expense Sheet Account Information Block*/
#expsheetaccinfo {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

/*Expense Summary Information / Totals Block, and Time Log Edit Summary Block Element*/
#expsheetsummary,
#tlesummary {
    float: right;
    margin-right: 10px;
}

/*Expense & Time Log Edit Footer Data "Row" Divs*/
.q-expfooterrow,
.q-tlefooterrow {
    display: table-row;
}

.q-payment-row {
    height: 45px;
}

/*Expense Footer Checkbox Center*/
.q-expfootercheckbox {
    text-align: left !important;
}

/*Expense & Time Log Edit Footer Label "Cell"*/
.q-expfooterlabelcell,
.q-tlefooterlabelcell {
    font-weight: bold;
    display: table-cell;
    text-align: right;
    height: 30px;
    vertical-align: middle;
}

.q-expfooterlabelcell-payment {
    font-weight: bold;
    display: table-cell;
    text-align: right;
    height: 30px;
    vertical-align: middle;
}

/*Default Expense & Time Log Edit Footer Label Value "Cell"*/
.q-expfootervaluecell,
.q-tlefootervaluecell {
    display: table-cell;
    text-align: right;
    height: 30px;
    vertical-align: middle;
    padding-left: 5px;
}

/*Time Log Edit Summary "Cell" Sizing*/
#tlesummary .q-tlefootervaluecell {
    min-width: 20px;
}

/*Summary Side Value "Cell" Sizing*/
#expsheetsummary .q-expfootervaluecell {
    min-width: 100px;
}

/*Expenses No Entry Cell*/
.q-EXPNoEntries {
    position: absolute;
    width: 911px;
    color: #515967 !important;
}


/*Expenses View Reciept Image Icon*/
.q-image-icon {
    background-image: url(../images/icon_image.png);
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 32px !important;
    min-height: 33px;
    background-size: 18px 16px;
}

    .q-image-icon:hover {
        background-image: url(../images/icon_image_white.png);
        background-size: 18px 16px;
    }
/*Expenses Image Icon Note */
.q-image-icon-note {
    background-image: url(../images/icon_notes.png);
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 32px !important;
    min-height: 33px;
    background-size: 20px 19px;
    margin-left: -10px !important;
}

    .q-image-icon-note:hover {
        background-image: url(../images/icon_notes_active.png);
        background-size: 20px 19px;
    }

.q-added-note {
    background-image: url(../images/icon_notes_active.png);
    background-color: #494EF3 !important;
    background-size: 20px 19px;
}

/*Configuration Window Padding*/
.q-content-window-config {
    padding: 5px !important;
}

/* Navigation link */
.q-headernav a:link {
    color: #424242;
    text-decoration: none;
}

/* visited link */
.q-headernav a:visited {
    color: #424242;
}

/* mouse over link */
.q-headernav a:hover {
    color: #424242;
}

/* selected link */
.q-headernav a:active {
    color: #424242;
}
/*End Navigate link*/
/* Confirm message*/
.confirm-left {
    vertical-align: middle;
    display: table-cell;
    position: relative;
    padding-left: 15px;
    padding-right: 20px;
}

.confirm-right {
    margin-right: 10px;
    vertical-align: middle;
    display: table-cell;
    white-space: pre-line;
    position: relative;
    padding-top: 4px;
}

.confirm-title {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}

.k-window .btn {
    height: 47px;
    width: 102px;
    font-size: 20px;
    font-weight: bold;
    padding: 0px;
}

.k-window-titlebar {
    /*display: none;*/
}

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



.btn-sm {
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad;
    }

    .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

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

.left-align {
    text-align: left !important;
}

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

.statusimg-alert {
    background-image: url(../images/icon_alert.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 5px;
}

.statusimg-success {
    background-image: url(../images/icon_success.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 5px;
}

.formstatus {
    /*vertical-align: baseline;
	display: inline-block;*/
    margin-top: 22px;
}

.adjust-icon {
    margin-bottom: -1px !important;
}

.status-successtxt {
    color: #39b54a;
}
/*Alert State Text*/
.status-alerttxt {
    color: #ea2931;
}

.reject-receipt-row {
    margin-bottom: 10px;
    min-width: 270px;
    width: 270px;
}

.ui-front {
    z-index: 100030;
}

.ui-dialog {
    left: 50% !important;
    top: 50% !important;
    margin-left: -175px !important;
    margin-top: -175px !important;
}

.q-submit {
    background-image: url(../images/submit.png);
    border-color: transparent;
    color: silver;
    background-color: transparent;
}

.k-grid-cmdGridDelete {
    min-width: 20px !important;
    width: 30px;
    height: 30px;
    padding-left: 7px !important;
    overflow: hidden;
}

.k-deletetrash-small {
    background-image: url(../images/icons/deletetrashsmall.png);
    background-repeat: no-repeat;
}

.k-grid-deletetrash {
    background-image: url(../images/icons/deletetrash.png);
    background-repeat: no-repeat;
    background-position: -3px 2px;
    width: 20px;
    height: 22px;
    padding-right: 0px;
    overflow: hidden;
    opacity: .9;
    display: inline-block;
}
.k-grid-iconedit {
    background-image: url(../images/icons/edit.png);
    background-repeat: no-repeat;
    background-position: -3px 2px;
    width: 20px;
    height: 22px;
    padding-right: 0px;
    overflow: hidden;
    opacity: .9;
    display: inline-block;
}

/*Expenses Edit Button Width & Margin*/
.k-grid-ExpEdit {
    min-width: 79px !important;
    margin-bottom: 5px !important;
    margin-top: -0.2em;
}

/* Expense buttons verify & approved*/
.k-grid-ExpVerifyReceipt, .k-grid-ExpRejectReceipt, .k-grid-ExpApprovedReceipt, .k-grid-ExpRejectApproved, .k-grid-ExpReceipt {
    min-width: 12px !important;
    width: 32px;
    height: 32px;
    padding-right: 0px;
    overflow: hidden;
}

.k-grid-ExpApprovedGreen {
    background-color: lightgreen !important;
}
.k-grid-ExpRejectApprovedYellow {
    background-color: rgb(255, 196, 0) !important;
}
.q-margin-right-button-area button {
    margin-right: 5px;
}
.q-margin-right-space {
    margin-right: 5px;
}
/* End Confirm message*/
/* Custom dialog display*/
.ui-dialog-titlebar {
    padding: .3em 1em !important;
}
.ui-widget {
    font-size: 1em !important;
}

.ui-dialog-buttonpane {
    padding: .1em 0.1em .1em .1em !important;
}

.ui-dialog-content {
    padding: .5em 0.5em !important;
    min-height: 90px !important;
    max-height: 150px !important;
}
.datepicker {
    top:-10px;
}
/*#timelogsgrid tbody td:nth-child(n+1):not(:last-child)*/
#timelogsgrid tbody td:nth-child(1) {
    cursor: pointer;
}

#timelogsgrid tbody td:nth-child(1):hover {
    color: #00457F;
}

.k-tooltip {
   background-color: #F4F4F5 !important; 
   color: black !important;
   /*border: solid 1px #DBDBDE !important;*/
   border: solid 1px #F4F4F5 !important;
   font-size: 13px !important;
   background-image: none !important;
}
.k-tooltip-content{
    text-align: left;
}
/*.k-callout {
    border-width:5px !important
}*/
.k-animation-container{
    padding: 6px 6px 6px 10px !important;
}
.k-callout-s {   
   border-top-color: #F4F4F5 !important;     
}
.k-callout-n {
   border-bottom-color: #F4F4F5 !important;     
}
.k-callout-e {
   border-left-color: #F4F4F5 !important;     
}
.k-callout-w {
   border-right-color: #F4F4F5 !important;     
}

.k-tooltip-error {
   background-color: #A94442 !important; 
   color: white !important;
   border: solid 1px #A94442 !important;
   font-size: 13px !important;
   background-image: none !important;
}

.k-callout-n-error {
   border-bottom-color: #A94442 !important;     
}

.k-tooltip-warning {
   background-color: #FFC400 !important; 
   color: black !important;
   border: solid 1px #FFC400 !important;
   font-size: 13px !important;
   background-image: none !important;
}

.k-callout-n-warning {
   border-bottom-color: #FFC400 !important;     
}

.k-tooltip-success {
   background-color: #3C763D !important; 
   color: white !important;
   border: solid 1px #3C763D !important;
   font-size: 13px !important;
   background-image: none !important;
}

.k-callout-n-success {
   border-bottom-color: #3C763D !important;     
}

/*Office LinkedTo Image*/
.q-image-icon-linkedto {
    background-image: url(../images/linked-symbol.png);
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 23px !important;
    min-height: 23px;
    background-size: 19px 19px;
}

.q-image-icon-linkedto:hover {
    background-image: url(../images/linked-symbol.png);
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 23px !important;
    min-height: 23px;
    background-size: 19px 19px;
}

.clean{
    clear: both;
}

#image-confirm {
    width: 44px;
    height: 40px;
    display: block;
    vertical-align: middle;
    white-space: normal;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAGmklEQVRYCc2Ye4jVRRTHz1y31DTNsFox1HJ9Zab5zF0NsYcUVn8UGEmiUVEJWpmZpagk5aMNe/1TZPRfQhRRf6RQEuiu9kJ8oKalRqFZaJqWrnqnzzm/uXd/u/e5914W5zK/mTm/M+d8f2dmzjlznVS4+M3SV7x8htg/pZPc50bLv5VUkaiksCDrDdrh1NvlrDxfafmukgKx7q1Y95uYzNNYeQBWPhyjldWtmIW9F/34+lZoumDl5a1oZQ0rBlgaZDrWHW1onKwD/o6AbKZvkGFloYxNrsiW8AdY+N9lL3L7UM8CdhDtID5gvelyssHVyRTrl/mojIUPyzPgULAC2DWAO0TdwOhLo3m50zfKXdYv81G2hTloV4NhH9bsRvsXtq6RUXLSOfG8uxH6NugdqLukToZDv0C/5FK+hZ0sC2DVukvwCCekUZ7ym2QiVt4J7f2Abij0R0tGGiaWZWGWeQj22o6sKoDtlVos+oN0kTOyn/EBxuNkKytwnrFIV2h/yBVS44bKqVKBl2fhpKw2sKo9IfNZ7vMcuRcZ9cTqY2SzPORuAaSTlcoC7Rr5W16wfomPki3M/pwMgK9Mr5ONLP9kaBqW1Vt0DHh+ld54i8NA9vIT9Vp6/7GjB/Ihv5WCuSQLEyR0XhQkFIqTeUH5CtoUWCX1AezTrhaQTl4yHi+d2UavWL+ER0kWxpIzgflB0PehmyAaHMZC22Lw40CcnARijdyMB2lgh3t6+pEJGe3Gy49x1mL6bbaw/14uQ3AUbnV5q2SRKUrK6wY2inCboGn9BVo3uJapm+MXrYSuyYWMMG5iCj3aDFiaUOrZmVGp172Ixe9nWGekhMzB4hO1YsW3jOblMfUo0DYy/txoIpNwffeGftFNmwD7b6VakiFljFzUSr9LLkVb5AUitVVp7Um5JPSrmLfK+gmbf976TlZxHpr50xNzd9oEWM7Jy4jqGsQtNn96XGZj8f5pFXEAiRgYL1PVs3AA97Ah3jV+jwdplCfSc4voFA0YZRpmZ5lMRwSrlbV+u/RgvLiVnmaLNVs4xVJvHqazLAX0SSMmZQnnonuKoVBbNGAEvUbVnEBD8HOWE5wysAo6XpoBawSMFy8j8BQz3EiuT05eDa96hmAT58zZLwowLmsK1o3SQ00Va2U9Fu8PbXaGZB8+KnqR2sNxtuXmaXrJGkAfshde5iKvb5wpV78gYFtCbyFYLZtU6wZhKwGsB65lie/h1hZWTvUweBp3HRmHk4VhsgYbDToFS0HA5AOPoCR1Y1iLdXfgouqgqSvLVpq3gUt7iZZ8eBrzOOPlI0B/F15Os+DTkjNjlBcwLks9gnoGLadQvxiL53f6HWL7tqW1IynRs6t6HAsmHeRZI6ncZOFgkhewHDefWW0CE7LKjZUjHJppjMdFerM84yBzWVin4XHU8xB4NjH6JEiaAC3XyhlLTsAsT2++eZ5xOW5sl0q932eJTep0Bx0ZTeRJInLz9shgs8OpnkdT0wXoOhdYVnAosx3WwBq4MhpPvuAtb9BXi+wfnKMyF1q/DN44IW5hya3YpuB51ANxLvYj951Aq+FQZnqfoCNrtsayjOC9ZlYJvnwbQWIUoyvxlyo4v5N3cpS5x4P8XvDrXS930WSplgyuEblJu5n0QOcxuZybyU1pOen5ubZEvYGN2OZxOJI4oaUFwSq/50qkITeq+cFG/MPwRLOw8jGALjeVHuNEQcmG8UeGhVmiqcCLMionX7g6uYesahCTdlLz7clIrpN/6KT+AOwG8M7Ri7zPIwT5AXA0YdPdtNcDvon2BvT/HJ/ZwsKWOfmQVQn3syiz0oChmVZhsCpZw3adVGsFbOrGHNeZrV+tHolkqon5C4whCkoZwaQFYFzW4ygZYhOcvMeNYDdBYhK0Nuet2VDlpeGR1DPxoR8DuiGAfgBabXxeGrDfwuHw7FMt0bVmiQWJIpy5zSn3oR5JPZOWRAgm2tebTKykAbMBNK5fZe/IpCyjapSHETIyxl+46+VJvMynWmG+u/CEFhwz1EOxslsx2rrwZhy0B1Ncduhw1H3wAno970TNvJqnuNujdfI12+I2tmI/7n17UNkR8AfxPYPdADkbHaQzlpsqWF2OhY5MyjyDk7dhbveiFwN88EH275tsifmscj/+jpkDkNUOc4+hsxWi47eDOomUx7c7ymwKT1sw2Qaa7uA6ga1rHJbcAO8d2fgvOlpCVuuhG3zRAcsFyMtA3cPTMfdM2pwZUq757UzXP23q/wc7lNnyF/wYhAAAAABJRU5ErkJggg==');
}





/* End Custom dialog display*/
@charset "UTF-8";
/* CSS Document */
/* QTT Stylesheets */
/* Version 0.1 */
/* Updated 4-15-2014 */
/* Copyright © 2014 Quantum Information Systems Solutions, Inc. */

/*Styles Defined in qttlayout.css*/
/*#projectsinnerwrap*/
/*.q-projects-toolbarcontrols*/
/*#projectstitle*/

/*Save As Menu*/
#savebtnmenu, .k-menu-horizontal {
    display: inline-block;
}

/*Projects Content Area*/
#projectscontent {
    border-top: solid 1px #DBDBDE;
    background-color: #F8F8F8;
    display: inline-block;
    width: 100%;
}

/*Project Tree Wrapper*/
#projectstreewrap {
    width: 290px;
    float: left;
}

/*Project Content Containers Common Styles*/
#projectswrapright, #projectstreearea {
    border: 1px solid #A6AFBE;
    background-color: #F3F3F3;
    height: 455px;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

#projectswrapright, #projectstreearea {
        height: 461px;
}
#projectstree{
    overflow-y: auto;
    height: 459px;
}
#projectslistgrid {
    height: 413px !important;
}
#projectslistgrid .k-grid-content{
    height: 291px !important;
}
#projectslistgrid .k-grid-content  td{
    white-space: normal;
    word-wrap: break-word;
}
/*Project Form Area*/
#projectformarea {
    /*overflow: auto;*/
    border: 1px solid #A6AFBE;
    background-color: #F8F8F8;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
    position: relative;
    height: 270px;
    overflow-y: scroll;
}
#purchaseordersgrid {
    height: 280px;
    margin-bottom: 5px;
}
#purchaseordersgrid .k-grid-content {
    height: 200px;
}

#projectdetailsgrid {
    height: 220px;
    margin-bottom: 5px;
}
#projectdetailsgrid .k-grid-content {
    height: 170px;
}

/*Project Content Containers & Project List Grids for Larger & Smaller Screens*/
/*1280x720*/
@media screen and (min-height: 584px) {
    /*Container Resize*/
    #projectswrapright, #projectstreearea {
		height: 420px;
	}
    #projectstree{
        overflow-y: auto;
        height: 418px;
    }
    /*Project List*/
	#projectslistgrid {
		height: 372px !important;
	}    
    #projectslistgrid .k-grid-content{
        height: 250px !important;
    }
    /*Project Form Area*/
    #projectformarea {  
        height: 230px !important;
    }
    #purchaseordersgrid {
        height: 240px !important;
    }
    #purchaseordersgrid .k-grid-content{
        height: 160px !important;
    }
    /*Project Details Grid*/
    #projectdetailsgrid {
        height: 180px !important;
    }
    #projectdetailsgrid .k-grid-content{
        height: 130px !important;
    }
}
/*1366x768*/
@media screen and (min-height: 628px) {
    #projectswrapright, #projectstreearea {
        height: 461px;
    }
    #projectstree{
        overflow-y: auto;
        height: 459px;
    }
    #projectslistgrid {
        height: 413px !important;
    }
    #projectslistgrid .k-grid-content{
        height: 291px !important;
    }
     /*Project Form Area*/
    #projectformarea {  
        height: 260px !important;
    }
    #purchaseordersgrid {
        height: 270px !important;
    }
    #purchaseordersgrid .k-grid-content{
        height: 190px !important;
    }
    /*Project Details Grid*/
    #projectdetailsgrid {
        height: 210px !important;
    }
    #projectdetailsgrid .k-grid-content{
        height: 160px !important;
    }

}

/*1024x768*/
@media screen and (min-height: 632px) {
    /*Container Resize*/
    #projectswrapright, #projectstreearea {
        height: 465px;
    }
    #projectstree{
        overflow-y: auto;
        height: 463px;
    }
    #projectslistgrid {
        height: 417px !important;
    }
    #projectslistgrid .k-grid-content{
        height: 295px !important;
    }
     /*Project Form Area*/
    #projectformarea {  
        height: 270px !important;
    }
    #purchaseordersgrid {
        height: 280px !important;
    }
    #purchaseordersgrid .k-grid-content{
        height: 200px !important;
    }
    /*Project Details Grid*/
    #projectdetailsgrid {
        height: 220px !important;
    }
    #projectdetailsgrid .k-grid-content{
        height: 170px !important;
    }	
}

/*1280x800*/
@media screen and (min-height: 664px) {
    /*Container Resize*/
    #projectswrapright, #projectstreearea {
        height: 505px;
    }
    #projectstree{
        overflow-y: auto;
        height: 503px;
    }
    #projectslistgrid {
        height: 457px !important;
    }
    #projectslistgrid .k-grid-content{
        height: 335px !important;
    }  

    /*Project Form Area*/
    #projectformarea {  
        height: 310px !important;
    }
    #purchaseordersgrid {
        height: 320px !important;
    }
    #purchaseordersgrid .k-grid-content{
        height: 235px !important;
    }
    /*Project Details Grid*/
    #projectdetailsgrid {
        height: 320px !important;
    }
    #projectdetailsgrid .k-grid-content{
        height: 200px !important;
    }
      
}

/*1600x900*/
@media screen and (min-height: 760px) {
    /*Container Resize*/
    #projectswrapright, #projectstreearea {
        height: 600px;
    }
    #projectstree{
        overflow-y: auto;
        height: 598px;
    }

    #projectslistgrid {
        height: 552px !important;
    }
    #projectslistgrid .k-grid-content{
        height: 430px !important;
    }
    /*Project Form Area*/
    #projectformarea {  
        height: 405px !important;
    }
    #purchaseordersgrid {
        height: 415px !important;
    }
    #purchaseordersgrid .k-grid-content{
        height: 330px !important;
    }
    /*Project Details Grid*/
    #projectdetailsgrid {
        height: 415px !important;
    }
    #projectdetailsgrid .k-grid-content{
        height: 295px !important;
    }
}

/*1920x1080*/
@media screen and (min-height: 940px) {
    #projectswrapright, #projectstreearea {
        height: 780px;
    }
    #projectstree{
        overflow-y: auto;
        height: 778px;
    }

    #projectslistgrid {
        height: 732px !important;
    }
    #projectslistgrid .k-grid-content{
        height: 610px !important;
    }
    /*Project Form Area*/
    #projectformarea {  
        height: 585px !important;
    }
    #purchaseordersgrid {
        height: 595px !important;
    }
    #purchaseordersgrid .k-grid-content{
        height: 510px !important;
    }
    /*Project Details Grid*/
    #projectdetailsgrid {
        height: 595px !important;
    }
    #projectdetailsgrid .k-grid-content{
        height: 475px !important;
    }
}

/*>1080*/
@media screen and (min-height: 1183px) {
    #projectswrapright, #projectstreearea {
        height: 1020px;
    }
    #projectstree{
        overflow-y: auto;
        height: 1018px;
    }

    #projectslistgrid {
        height: 970px !important;
    }
    #projectslistgrid .k-grid-content{
        height: 848px !important;
    }
    /*Project Form Area*/
    #projectformarea {  
        height: 825px !important;
    }
    #purchaseordersgrid {
        height: 835px !important;
    }
    #purchaseordersgrid .k-grid-content{
        height: 750px !important;
    }
    /*Project Details Grid*/
    #projectdetailsgrid {
        height: 835px !important;
    }
    #projectdetailsgrid .k-grid-content{
        height: 715px !important;
    }
}

/*Project Right Content Wrapper*/
#projectswrapright {
    overflow: auto; /*This is so the content stays to the right side of the wrapper*/
    position: relative;
}



/*Projects Tree View*/
#projectstreearea {
    margin-left: 5px;
}

/*Projects Tree Item Sizing*/
#projectstree .k-in {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*Projects Tree View Sprite Sheet*/
#projectstree .k-sprite {
    background-image: url(../../theme1/images/projectstree.png);
}

#projectstree .inactive {
    background-image: url(../../theme1/images/projectstree-orange.png) !important;
}

#projectstree .k-state-selected > .inactive {
    background-image: url(../../theme1/images/projectstree-orange.png) !important;
}

#projectstree .k-state-selected > .k-sprite {
    background-image: url(../../theme1/images/projectstree_active.png);
}

/*Projects Tree View Sprites*/
.projectscustomer {
    width: 20px;
    height: 20px;
    background-position: -2px -2px;
}

.projectsproject {
    width: 20px;
    height: 20px;
    background-position: -24px -2px;
}

.projectsroot {
    width: 20px;
    height: 20px;
    background-position: -46px -2px;
}

.projectssite {
    width: 20px;
    height: 20px;
    background-position: -68px -2px;
}

/*Project Content Heading*/
#projectheading {
    font-weight: bold;
    font-size: 24px;
    border-bottom: solid 1px #515967;
    color: #515967;
    margin-bottom: 10px;
}

/*Project Page Grid Wrapper Class*/
.q-project-grid-wrap {
    border: 1px solid #A6AFBE;
    border-radius: 5px;
}

/*Project List Grid Header Border Adjustment*/
#projectslistgrid .k-header, #projectslistgrid .k-grid-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*Project List Bottom Pager Border Adjustment*/
/*#projectslistgrid .k-pager-wrap {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}*/

#projectslistgrid .k-icon, #projectslistgrid .k-sprite, #projectslistgrid .k-button-group .k-tool-icon {
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 0;
    height: 19px;
    line-height: 0;
    overflow: hidden;
    text-align: center;
    width: 16px;
}

/*Project Grid Row Size Adjustments*/
/*(This prevents wrapping)*/
#projectslistgrid tbody tr {
    height: 50px;
}

/*#projectslistgrid td {
    white-space: nowrap;
}*/

/*Project Grid Row Bottom Border*/
#projectslistgrid tbody td {
    border-bottom: solid 1px #DBDBDE;    
}

/*Project Grid Button*/
.q-prjselbtn {
    margin-right: 20px;
    width: 30px;
    min-width: 30px !important;
}

/*Project Grid Project #*/
.q-prjgridprjno {
    margin-left: 10px;
}

#purchaseordersgrid .k-grid-content > table > tbody > tr > td {
    border-bottom: 1px solid #DBDBDE;
}
#purchaseordersgrid tbody td{
    border-bottom: solid 1px #DBDBDE;
}
#purchaseordersgrid .k-grid-content > table > tbody > tr > td:nth-child(4),
#purchaseordersgrid .k-grid-content > table > tbody > tr > td:nth-child(8) {
    text-align: center;
}

#projectslistgrid .k-grid-content > table > tbody > tr > td:last-child {
    border-right: solid 1px #DBDBDE;  
}
#projectslistgrid .k-grid-content table {
    width: 100% !important;
}

#projectslistgrid  .k-grid-header .k-grid-header-wrap table {
 width: 100% !important;
}

#projectslistgrid  .k-grid-header .k-grid-header-locked table{
 width: 140px !important;
}

#purchaseordersgrid  .k-grid-header .k-grid-header-wrap table {
 width: 100% !important;
}

#purchaseordersgrid  .k-grid-content table {
 width: 100% !important;
}

#projectdetailsgrid  .k-grid-header .k-grid-header-wrap table {
 width: 100% !important;
}

#projectdetailsgrid  .k-grid-content   table {
 width: 100% !important;
}

#purchaseordersgrid .k-grid-header .k-grid-header-wrap .k-header {
    text-align: center;
}
#purchaseordersgrid .k-edit-cell input[type="checkbox"] {
    margin-left: 0;
}
#projectformbottom {
    height: 40px;
    position: absolute;
    bottom: 5px;
}
/*Toolbar Border Adjustment*/
#projectdetailsgrid .k-grid-toolbar {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#projectdetailsgrid .k-grid-content > table > tbody > tr > td {
    border-bottom: 1px solid #DBDBDE;
}

#projectdetailsgrid .k-grid-header .k-grid-header-wrap .k-header {
    text-align: center;
}

/*Project Form Titles*/
.q-prj-formtitle {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #515967;
    color: #515967;
    margin-bottom: 5px;
}

/*Project Form Left & Right Sides*/
#projectformleftside, #projectformrightside {
    float: left;
    margin-right: 10px;
}

/*Project Form Row*/
.q-prj-row {
    margin-bottom: 5px;
}

/*Project Content Label*/
.q-projectlabel {
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
    width: 170px;
    text-align: right;
    color: #515967;
}
.q-projectlabel-estimatevalue {
    font-weight: bold;
    margin-right: 30px;
    display: inline-block;
    width: 149px;
    text-align: right;
    color: #515967;
}

.q-projectlabel-taskbutton {
    font-weight: bold;
    margin-right: 0px;
    display: inline-block;
    width: 145px;
    text-align: right;
    color: #515967;
}

/*Tasks Project Label*/
.q-projectlabel-tasks {
    vertical-align: top;
}

/*Project Form Text Box Margin*/
#projectformarea .k-textbox {
    margin-right: 5px;
    text-indent: 0; /*Clear the default text indent to align text with other controls*/
}

/*Project Form Drop Down Box Margin*/
#projectformarea .k-dropdown {
    margin-right: 5px;
}

/*Project Form Tasks List Box*/
#projtaskslist {
    height: 69px;
    width: 223px;
    display: inline-block;
    background-color: #FFFFFF;
    color: #515967;
    border-radius: 4px;
    border: solid 1px #DBDBDE;
    overflow: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4.8px;
    padding-right: 4.8px;
}

    /*Project Form Tasks List Checkboxes*/
    #projtaskslist input {
        margin-right: 5px;
    }

/*Project Form Save Cancel Button Area*/
#projectformbtnarea {
    float: left;
    width: 100%;
    /*margin-top: 10px;*/
    position: relative;
    /*margin-bottom: 5px;*/
}
#projectformbtnarea button {
    margin-right: 5px;
}

/*Project Details Grid Toolbar Title*/
#projdetailstoolbartitle {
    float: left;
    font-weight: bold;
    color: #515967;
    line-height: 32px;
}

/*Project Details Grid Toolbar Range Controls*/
#projdetailstoolbarrangecontrols {
    float: right;
}

/*Project Details Grid Toolbar Label*/
.q-projectdetailstoolbar-label {
    font-weight: bold;
    margin-right: 10px;
    color: #515967;
    line-height: 32px;
}

/*Date Picker Margin*/
#projdetailstoolbarrangecontrols .k-picker-wrap.k-state-default {
    margin-right: 5px;
}

/*Save Button Adjustments*/
/*Save Text Side*/
#projectformsave {
    margin-right: 0 !important; /*Clear the default margin*/
    border-right: 0 !important; /*Clear the right side border*/
    border-top-right-radius: 0; /*Clear the top right border radius*/
    border-bottom-right-radius: 0; /*Clear the bottom right border radius*/
}
/*Menu Side*/
#projectformsaveas {
    border-top-left-radius: 0; /*Clear the top left border radius*/
    border-bottom-left-radius: 0; /*Clear the bottom left border radius*/
}

/*Project Delete Button Right Side Margin*/
#projectformdelete {
    margin-right: 45px !important;
}

/*Project Info Date Wrapper*/
.q-projectinfodatewrap {
    display: inline-block;
    margin-top: 5px;
}
/*Project Added / Updated Date*/
.q-projectinfodate {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    color: #515967;
}
/*Project Added / Updated Date Label*/
.q-projectinfodate-label {
    font-weight: bold;
    margin-right: 5px;
}
/*Project Added / Updated Values*/
#prjEntered, #prjLastUpdated {
    min-width: 75px;
    display: inline-block;
}

/*Footer Alert*/
.q-projectdetails-footeralert {
    width: 100%;
    background-color: yellow;
    color: #000;
    padding: 4px 4px 4px 0px;
}

/*Footer Warn*/
.q-projectdetails-footerwarn {
    width: 100%;
    background-color: red;
    color: #fff;
    padding: 4px 4px 4px 0px;
}

/*.k-button {
    min-width: 32px !important;
    padding: 0!important;
}*/
/*.k-grid tbody .k-button {
   min-width: 12px;
   width: 27px;
   height: 27px;
   overflow: hidden;
}*/

#projectpanels > .k-item > .k-link {
    padding: 0 0.4em;
    line-height: 1.7em;
}

#col_label_left {
    float: left;
    width: 36px;
    text-align: left;
    /*margin: 2px 0px;*/
    margin-top: 5px;
    margin-right: 5px;
    display: inline;
}

#col_input_right {
    float: left;
    text-align: left;
    margin: 0px 0px;
    display: inline;
}

/* Message Box */
.message-icon {
  vertical-align: middle;
  display: table-cell;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
}
.message-text {
  vertical-align: middle;
  display: table-cell;
  white-space: normal;
  position: relative;
  padding-top: 4px;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 4px;
  padding-right: 10px;
}
.message-close {
  vertical-align: middle;
  display: table-cell;
  position: relative;
  padding-right: 10px;
}
.alert-message div.k-notification > #alertBox > div.message-icon > span {
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.alert-message div.k-notification-danger > #alertBox > div.message-icon > span.alert-icon {
  background-image: url('../../../Content/theme1/images/notification/error.png');
}
.alert-message div.k-notification-success > #alertBox > div.message-icon > span.alert-icon {
  background-image: url('../../../Content/theme1/images/notification/success.png');
}
.alert-message div.k-notification-warning > #alertBox > div.message-icon > span.alert-icon {
  background-image: url('../../../Content/theme1/images/notification/warning.png');
}
.alert-message .k-notification {
  display: inline-block !important;
  vertical-align: middle !important;
}
.alert-message .k-notification.k-notification-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-message .k-notification.k-notification-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-message .k-notification.k-notification-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
/*End Message Box*/

/* Notification */
.notification-icon {
  vertical-align: middle;
  display: table-cell;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
}
.notification-text {
  vertical-align: middle;
  display: table-cell;
  white-space: normal;
  position: relative;
  padding-top: 4px;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 4px;
  padding-right: 10px;
}
.notification-close {
  vertical-align: middle;
  display: -webkit-inline-box;
  padding-top: 5px;
  position: relative;
  padding-right: 10px;
}
.qtt-notification {
  border-radius: 10px;
  /*opacity: 0.8;*/
}
.qtt-notification .k-icon {
  background-position: center;
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  background-size: auto;
}
.qtt-notification div.k-notification-danger > #notificationBox > div.notification-icon > span.notification-icon {
  background-image: url("../../../Content/theme1/images/notification/icon_notification_fail.png");
}
.qtt-notification div.k-notification-success > #notificationBox > div.notification-icon > span.notification-icon {
  background-image: url("../../../Content/theme1/images/notification/icon_success.png");
}
.qtt-notification div.k-notification-info > #notificationBox > div.notification-icon > span.notification-icon {
  background-image: url("../Content/theme1/images/notification/icon_info.png");
}
.qtt-notification div.k-notification-warning > #notificationBox > div.notification-icon > span.notification-icon {
  background-image: url("../../../Content/theme1/images/notification/icon_notification_caution.png");
}
.qtt-notification .k-notification {
  display: inline-block !important;
  vertical-align: middle !important;
}
.qtt-notification .k-notification.k-notification-success > #notificationBox {
  color: #fff !important;
  background-color: #53B553;
  border-color: #53B553;
  border: 1px solid;
  border-radius: 10px;
}
.qtt-notification .k-notification.k-notification-warning > #notificationBox {
  color: #000 !important;
  background-color: #F4BF08;
  border-color: #F4BF08;
  border-radius: 10px;
}
.qtt-notification .k-notification.k-notification-danger {
  color: #fff;
  background-color: #F9073A;
  border-color: #F9073A;
}
.qtt-notification .k-notification.k-notification-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.qtt-notification .k-notification.k-notification-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.qtt-notification .k-widget.k-notification.k-notification-success,
.qtt-notification .k-widget.k-notification.k-notification-warning {
  background-color: transparent !important;
  border-color: transparent !important;
  border-radius: 10px;
}

.hide-element {
  display: none;
}

.intl-tel-input{position:relative;display:inline-block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;transition:background-color 100ms ease-out}.intl-tel-input input.iti-invalid-key{transition:background-color 0;background-color:#FFC7C7}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;padding:1px}.intl-tel-input .flag-container:hover{cursor:pointer}.intl-tel-input .flag-container:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input input[disabled]+.flag-container:hover,.intl-tel-input input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input .selected-flag{z-index:1;position:relative;width:42px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .arrow{position:absolute;top:50%;margin-top:-2px;right:4px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{list-style:none;position:absolute;z-index:2;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag{display:inline-block;width:20px}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name{margin-right:6px}.intl-tel-input select{position:absolute;top:0;left:0;z-index:1;width:42px;height:100%;opacity:0}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}.iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}.iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}.iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}.iti-flag.at{height:14px;background-position:-264px 0px}.iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}.iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}.iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}.iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:13px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("../images/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("../images/flags@2x.png")}}.iti-flag.np{background-color:transparent}