body {font-family: 'Source Sans Pro', sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: 'Source Sans Pro', sans-serif; outline: none}
body{background:#fff;}
.container-fluid{ max-width: 100%; }
ul{list-style-type:none; padding-left: 0;margin-bottom: 0;}
a:hover, a:focus, button:focus{text-decoration: none; transition: all ease .3s; -webkit-transition: all ease .3s; outline: none;-webkit-outline: none;}
p{font-size: 16px;}
input, select{outline: none;}
input.form-control:focus, textarea:focus, button{ box-shadow: none; outline: none; }
.green{color:#5bb57c !important;}
.border{ border-bottom:1px solid #dee0df; }
.tale-wrap{ display: table; width: 100%;  }
.table-wrap aside{display: table-cell;float: none; vertical-align: middle; }
textarea{resize:none !important;}


/* ===== Login Page ====== */
.login-bg {background-image:url(images/login-background.jpg);height: 100vh;position: relative;z-index: 0;background-repeat: no-repeat;
    background-position: bottom center;}
.login { max-width: 470px; padding: 50px; background-color: #fff; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); position: absolute; left: 0; right: 0; margin: 0 auto; border-radius: 5px; z-index: 2; }
.login .titles{text-align: center;}
.login .titles img{width: 100%; max-width: 260px;}
.login .titles h3{font-size: 18px;font-weight: 600;text-transform: uppercase;margin-top: 5px;}
.login .form-group input { border: none; box-shadow: none; border-bottom: 1px solid #c8c8c8; border-radius: 0px; padding-left: 35px; color: #2d3031; font-size: 17px; height: 50px; }
.login form .form-group.email:before { position: absolute; content: "\f007 "; font-family: FontAwesome; font-size: 18px; top: 12px; left: 10px; color: #d4d8d9; }
.login form .form-group.password:before { position: absolute; content: "\f023 "; font-family: FontAwesome; font-size: 18px; top: 12px; left: 10px; color: #d4d8d9; }
.login form .form-group.email, .login form .form-group.password { position: relative; }
.login form .squaredFour{margin-left:10px; }
.login-btn{text-align: center;margin-top: 40px;}
.login-bg .blue-btn { background-color: #b73f2e; color: #fff; text-transform: uppercase; padding: 13px 15px; font-size: 18px; font-weight: 700; max-width: 236px; width: 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;     letter-spacing: 1px;}


/* ===== Header ====== */
header{z-index: 10;}
.nav-wrap{z-index: 5}
header, .nav-wrap{position: fixed;width: 100%; top: 0;}
header .header-top{padding: 10px 0; background-image: url(images/header-background.jpg); position: relative;}
.logo { float: left; padding-right: 40px;}
.logo a{  font-size: 24px; font-weight: 600; color:#fff; display: inline-block; padding-top: 3px;}
.search { width: 35%; float: left; margin: 0 15px; position: relative;}
.search input { background:rgba( 255, 255, 255, 0.3); border: none; font-size: 16px; color: #fff; font-weight: 400; padding: 10px 10px 10px 40px; line-height: 20px; height: auto;}
.search .form-control::placeholder { color: #fff; }
.search:before{ content: "\f002"; position: absolute; top: 7px; left: 15px; font-family: fontawesome; color: #fff; font-size: 18px; }

.top-nav{ float: left; margin-bottom: 0 ; padding: 0% 1%;}
.top-nav li { display: inline-block;  background-repeat: no-repeat; background-position: top 4px center;position: relative; }
.top-nav li a { color: #fff; font-size: 14px; margin: 0 10px; padding: 22px 10px 0px 10px;  display: inline-block;font-weight: 400;}
.top-nav li:nth-child(1){ background-image: url('images/home.png'); }
.top-nav li:nth-child(2){ background-image: url('images/client.png'); }
.top-nav li:nth-child(3){ background-image: url('images/contacts.png'); }
.top-nav li:nth-child(4){ background-image: url('images/email.png'); }
.top-nav li:nth-child(5){ background-image: url('images/bell.png'); }
.top-nav li:nth-child(6){ background-image: url('images/menu.png'); }
.header-top .toggle-nav{ display: none; z-index: 11112; }

.top-nav li.more .service-menu {min-width: 360px;background: #a9301f;border: none;box-shadow: 0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);text-align: left;}
.top-nav li.more .service-menu ul li {margin-bottom: 15px;width: 33.33%;float: left;text-align: center;}
.service-menu {right: 5px;top: 34px;position: absolute;background: #edf1f8;border: 2px solid #dee3eb;width: 175px;
    padding-left: 0;list-style-type: none;z-index: 5;border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);padding: 10px;margin-bottom: 0;display: none;}
.service-menu ul li:nth-child(2){background-image: url('images/support.png');}

.service-menu1 {right: 5px;top: 34px;position: absolute;background: #edf1f8;border: 2px solid #dee3eb;width: 175px;
    padding-left: 0;list-style-type: none;z-index: 5;border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);padding: 10px;margin-bottom: 0;display: none;}
.service-menu1 ul li:nth-child(2){background-image: url('images/support.png');}

.acc-info { float: right; position: relative; }
.acc-info .dropdown button { background-color: transparent; color: #fff; border: none; font-size: 14px;font-weight: 500; line-height: 40px; outline: none;}
.acc-info figure{ position: absolute; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; border: 2px solid #fff; left: -40px }
.acc-info figure img{width: 100%;}
.dropdown-menu{ background:#edf1f8; border:2px solid #dee3eb;right: 0; left: auto; }
.dropdown-menu li a{ color:#a8301f; font-size: 13px;font-family: 'Open Sans', sans-serif; font-weight: 400; }
.dropdown-menu li a:hover{ color:#a8301f; }
.is-active .dropdown-menu { display: block;}


.body-wrap{padding-bottom: 30px;}
.body-wrap .title-wrap{ padding: 25px 0; }
.body-wrap .title-wrap figure{ float: left; margin-right: 24px;background: #a62c1b;width: 49px;height: 49px; border-radius: 50px; overflow: hidden;}
.body-wrap .title-wrap figure img{width: 100%;}
.body-wrap .title-wrap h1{color:#302222; font-size: 28px; font-weight: 300; margin: 0;}

.content-wrap ul{ width: 35%; float: left; }
.content-wrap ul li{ float: left;font-size:15px; color:#302222; width: 90%; padding: 2px 0;}
.content-wrap ul li span{ padding: 5px; }
.content-wrap ul li span.label-name{ color:#a32b1a; padding-right: 35px; width: 38%;text-align: left;float: left;}
.content-wrap ul li span.label-text{width: 40%;display: inline-block; border:1px solid #ccc; border-radius:4px; transition: all ease .3s; -webkit-transition: all ease .3s; position: relative; min-height: 23px; }
.content-wrap ul li span.label-text.dropdown{padding: 5px; border:1px solid transparent;}
.content-wrap ul li span.label-text.dropdown:hover{border:1px solid #dddddd; }
.content-wrap ul li span.label-text.dropdown:hover:after{content: none;}

.content-wrap ul li span.label-text.dropdown select{border:none; width: 100%; background-color: transparent; height:31px ;-webkit-appearance: none; padding-left: 4px;}

.content-wrap ul li span.label-text.dropdown:hover select{ -webkit-appearance:menulist; padding-left: 0}
.content-wrap ul li span.label-text a{color:#302222;word-break: break-word;}
.content-wrap ul li span.label-text:after{content: none; position: absolute; right: 10px; font-family: Fontawesome; font-size: 14px; color:#dddddd; top:50%; margin-top: -10px; transition: all ease .3s; -webkit-transition: all ease .3s;}
.content-wrap ul li span.label-text:hover:after{ content: "\f040 ";  transition: all ease .3s; -webkit-transition: all ease .3s; cursor: alias;}
.content-wrap ul li span.label-text:hover{border:1px solid #dddddd;transition: all ease .3s; -webkit-transition: all ease .3s}
.content-wrap ul li span.label-text small.date{display: block; color:#8f8f8f; padding-top: 5px; font-size: 16px;}
.content-wrap h2{font-size: 22px; color:#302222; font-weight: 600;}

.content-wrap h2 a, .body-head h2 button, .add-new-address-form button, .activities h2 p button, .body-head h2 a{float: right; font-size: 16px; color:#aaaaaa; padding: 3px 20px;border: 2px solid #c5c5c5; border-radius: 3px; display: inline-block; width: auto; text-align: center; background:transparent; transition:all ease .3s; -webkit-transition:all ease .3s;}
.red-button{font-size: 15px; color:#aaaaaa; padding: 3px 20px;border: 2px solid #c5c5c5; border-radius: 3px; display: inline-block; width: auto; text-align: center; background:transparent; transition:all ease .3s; -webkit-transition:all ease .3s;}

.body-head h2{font-size: 25px;}
.body-head h2 button{ max-width: 168px;}
.body-head h2 button:hover, .body-head h2 button:focus{ color:#aaaaaa; outline: none; border-color: #c5c5c5;}
.content-wrap h2 a:hover, .add-new-address-form button:hover, .body-head h2 button:hover, .activities h2 p a:hover, .red-button:hover{ background:#9a1c21 !important; color:#fff !important;border-color: #9a1c21 !important; }

.content-wrap h2 a svg{margin-right: 5px;}
.content-wrap ul li span.add-new a{color:#8f8f8f;}
.content-wrap ul li span.add-new a svg{ margin-right: 15px; }
.content-wrap ul li span.label-text.green{font-weight: 600;}
.content-wrap .details.border{padding-bottom: 15px; margin-bottom: 15px;}

.content-wrap .attachment-block{margin-bottom: 40px;}
.content-wrap .attachment-block ul{padding: 7px 0; width: 100%; border-top:2px solid #e9eaeb; border-bottom:2px solid #e9eaeb; margin-top: 22px;float: none;}
.body-full{position: relative;min-height: calc(100vh - 146px); min-height:-webkit-calc(100vh - 146px); min-height: -moz-calc(100vh - 146px);}
.listing .body-full{position: relative;min-height: calc(100vh - 160px); min-height:-webkit-calc(100vh - 160px); min-height: -moz-calc(100vh - 160px);}
.body-full .sidenav{height:100%;width:0;position:fixed;z-index:1;top:112px;left:0;background-color:#eeeeee;overflow-x:hidden;transition:.5s;}

span.label-input{display: none;}
span.label-input{padding: 0;border:1px solid #dddddd;}
span.label-input  input{ border:none;width: 100%; }
span.label-input.block{display: inline-block; width: 40%; position: relative;border-color: #bf7b71 !important;
    box-shadow: 0 0 6px #a22918; line-height: normal;}
span.label-input.block select{border:none; width: 100%;}
.edit-fields{position: absolute; right: -55px; top: 6px;}
.edit-fields svg{ font-size: 20px; color: #5bb57c; cursor: pointer}
.edit-fields svg+svg{ color:#c3c3c3; }
.mobile-nav-wrap{display: none;}

.table-list{padding-top: 10px; }
.table-list table thead{border-bottom: 2px solid #e9eaeb; }
.table-list table thead tr th, .table-list table tbody tr td{ font-size: 15px; padding: 5px 0px;color:#8f8f8f; font-family: 'Source Sans Pro', sans-serif; font-weight: 600;}
.table-list table tbody tr td, .contact-table tbody tr td{font-weight: 400; position: relative;}
.table-list table tbody tr td a{color:#a94442; display: inline-block;}
.table-list table tbody tr td svg, .contact-table tbody tr td svg{color:#8f8f8f; position: absolute; right: 50%;font-size: 12px;}
.table-list table thead tr th a{color: #8f8f8f;}


.squaredFour, .squaredFour1, .squaredFour2, .squaredFour3, .squaredFour4, .squaredFour5 {position: relative;color: #b5b9ba;margin-bottom: 0px;font-size: 16px;margin-left: 20px;}
.squaredFour label, .squaredFour1 label, .squaredFour2 label, .squaredFour3 label, .squaredFour4 label, .squaredFour5 label {width: 16px;height: 15px;cursor: pointer;position: absolute;top: 4px;left: 0;background: #d9dfe8;display: inline-block;border-radius: 3px;}
.squaredFour label:after, .squaredFour1 label:after, .squaredFour2 label:after, .squaredFour3 label:after, .squaredFour4 label:after, .squaredFour5 label:after {content: '';width: 9px;height: 5px;position: absolute; top: 4px;left: 4px;border: 3px solid #fff;border-top: none;border-right: none; background: transparent; opacity: 0;-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.squaredFour label:hover::after, .squaredFour1 label:hover::after, .squaredFour2 label:hover::after, .squaredFour3 label:hover::after, .squaredFour4 label:hover::after, .squaredFour5 label:hover::after { opacity: 0;}
.squaredFour input[type=checkbox], .squaredFour1 input[type=checkbox], .squaredFour2 input[type=checkbox], .squaredFour3 input[type=checkbox], .squaredFour4 input[type=checkbox], .squaredFour5 input[type=checkbox] {visibility: hidden; margin-right: 10px;}
.squaredFour input[type=checkbox]:checked + label, .squaredFour1 input[type=checkbox]:checked + label, .squaredFour2 input[type=checkbox]:checked + label, .squaredFour3 input[type=checkbox]:checked + label, .squaredFour4 input[type=checkbox]:checked + label, .squaredFour5 input[type=checkbox]:checked + label { background:#a8301f; }
.squaredFour input[type=checkbox]:checked + label:after, .squaredFour1 input[type=checkbox]:checked + label:after, .squaredFour2 input[type=checkbox]:checked + label:after, .squaredFour3 input[type=checkbox]:checked + label:after, .squaredFour4 input[type=checkbox]:checked + label:after, .squaredFour5 input[type=checkbox]:checked + label:after {opacity: 1;}

.search .suggetions-box{z-index: 9;opacity: 0.9;background: #C36F63;width: 100%;height: 200px;top: 52px;position: absolute;border-bottom-left-radius: 5px;
    overflow-y: scroll;border-bottom-right-radius: 5px; padding: 15px}
.search .suggetions-box ul li a{ font-size: 15px; color:#fff; font-weight: 400; padding-bottom: 5px;display: inline-block;}

.suggetions-box{display:none;}


/* ===== Inner Page  ====== */
.page-wrap .content-wrap ul{width:33%;}
.page-wrap .content-wrap .details{padding-top: 10px;}
/*.page-wrap .content-wrap ul li.extra .label-input{margin-right: 55px;}*/
.page-wrap .content-wrap ul li span.label-name{ padding: 0 0px 0 5px; }
.page-wrap .content-wrap ul li span.label-text, .page-wrap .content-wrap ul li span.label-input{margin-left: 35px;}
.page-wrap .content-wrap ul li span.label-text, .page-wrap .content-wrap ul li span.label-input{padding: 0 0 0 5px;}

.page-wrap .content-wrap .edit-fields{ top: 2px; }
.page-wrap .content-wrap ul li span.label-name{ width: 42%; }
.page-wrap .content-wrap #software-licence ul {width: 25%;}
.page-wrap .page-wrap-detail ul li span.label-name {width: 32%;}
.acc-dash-tab li span.label-name {width: 100% !important;}
.acc-dash-tab li span.label-text {width: 70% !important;}
.acc-dash-tab li span.label-input.block {width: 70% !important;}
.acc-dash-tab li span.label-input input {width: 100% !important;}
.page-wrap .content-wrap .licence.details  h2 { margin-top: 0; }

.nav-wrap { border-bottom: 1px solid #b73f2e; }
.body-wrap.warp { padding-bottom: 0; }
.page-wrap.warp .page-wrap-detail .dash-box { float: left; width: 25%; /*padding: 25px 40px;*/ padding: 10px 15px; }
.page-wrap.warp .page-wrap-detail .dash-box:first-child { padding-left: 0; }
.page-wrap.warp .page-wrap-detail .dash-box h4 { font-size: 18px; font-weight: 700; color: #262629; margin-top: 0; /*padding-top: 25px;*/ }
.page-wrap.warp .content-wrap ul li span.label-name { text-align: left; }
.page-wrap.warp .content-wrap .page-wrap-detail ul { width: 100%; }
.page-wrap.warp .content-wrap .details { padding-top: 0; }

.page-wrap.warp .content-wrap.border-top { border-top: 1px solid #c9c7c7; }
.page-wrap.warp .content-wrap #software-licence ul { width: 100%; }

.page-wrap.warp .content-wrap#pagewrap-top { max-width: 100%; background-color: #fff; width: 100%; margin: 0 auto;}
.page-wrap.warp .content-wrap.affix {background: #fff;width: 100%;z-index: 1;left: 0;right: 0;top: 114px;max-width: 1570px;
    margin: 0 auto;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);}

.header-bottom{padding: 10px 0; border-bottom: 1px solid #dbddde;}
.header-bottom .page-brudcrumb{float: left;}
.header-bottom .page-nav{float: right;}
.page-nav p{margin-bottom: 0}

.page-nav p a, .page-nav p span{font-size: 16px; color:#302222; font-weight: 300;}
.page-nav p a i{font-weight: 300;}

.page-brudcrumb li a{font-weight: 600;color:#302222; font-size: 16px; position: relative;padding-right: 20px;}    
.page-brudcrumb li a:after{ position: absolute; content: "\f105 "; font-family: FontAwesome;right: 10px; }
.page-brudcrumb li{display: inline-block;}
.page-brudcrumb li:last-child a{font-weight: 400;}
.page-brudcrumb li:last-child a:after{content: none;}

.nav-tabs{border-top:1px solid #b73f2e; border-bottom:1px solid #b73f2e;padding: 0 15px;}
.tab-content{padding: 5px 15px; height: 500px; overflow-y: scroll;}
.labels.tab-content{padding: 5px 15px; overflow-y: unset; height: -webkit-fill-available;}
.tab-pane .page-wrap .content-wrap ul{width: 25%; margin-bottom: 20px;}
.nav-tabs li{margin-bottom: 0px;}
.nav-tabs li a{font-size: 14px; font-weight: 400; color:#303030; display: inline-block; padding: 10px 35px;transition:all ease .3s; -webkit-transition:all ease .3s; border:none !important;line-height: normal;}
.nav-tabs li a:hover, .nav-tabs li.active a{ color:#a32b1a; background: #ededee;transition:all ease .3s; -webkit-transition:all ease .3s; }
.nav-tabs li.elipsis-dropdown a{ line-height: 16px; padding: 15px 10px; }
.bottom-menu .tab-info{height: 300px; overflow-y: scroll; padding: 10px 0;}


.copyright { text-align: center; padding: 9px 15px; background-color: #a32b1a;width: 100%;}
.copyright p { color: #fff; margin-bottom: 0; font-size: 16px; font-weight: 400; }
.copyright p a { color: #ffffff; text-decoration: none; display: inline-block; }


/*Global Form*/
.global-form{padding-bottom: 20px;}
.global-form aside h3{ font-size: 22px; font-weight: 600; color:#302222; margin-bottom: 20px;}
.global-form .field-group label{ margin-right: 15px; text-align: left; width: 30%; font-size: 16px; font-weight: 400;float: left;}
.global-form .field-group .form-group{width: 65%;vertical-align: top; padding-right: 15px}
.global-form .field-group input, .global-form .field-group select{ width: 100%;float: right; margin-bottom: 15px; height: 26px; border:1px solid #d8d8d8; color:#000;padding: 0 0 0 10px;font-size: 16px; }
.global-form .field-group select{padding-top: 0; border-radius: 6px;}
.global-form .field-group.check input{width: auto;float: none;height: auto;margin-left: 15px;}
.global-form .field-group.large label{ width: 15% }
.global-form .field-group.large textarea{ width: 70%; resize: none; }
.global-form .add-input{padding-right: 130px; position: relative;}
.global-form .add-input .add-btn{position: absolute;content: "\f067";font-size: 12px;color: #a6a6a6;width: 25px;
height: 25px;font-family: FontAwesome;background: #e1dcda;border-radius: 50px;bottom: 17px;right: 80px;text-align: center;
line-height: 25px;border: none;}
.global-form .message-box label{ width: 7%;}
.global-form .message-box textarea{ width: 75%; border:1px solid #d8d8d8; color:#000; resize: none; border-radius: 3px; vertical-align: top; padding: 5px 0 0 10px;}

/*Global Form Edit*/
.global-form aside{padding-bottom: 15px}
.global-form aside ul{width: 100%;}
.global-form aside ul span.label-name{margin-right: 15px;text-align: left;width: 35%;font-size: 16px;font-weight: 400;float: left;color: #333;padding: 2px 35px 2px 0;}
.global-form ul li span.label-text, .global-form ul li span.label-input{width: 45%;padding: 0 0 0 5px;min-height: 24px;}
.global-form ul li span.label-input .edit-fields{top: 0;}
.global-form aside .message-box ul li span.label-name{width: 8.3%;}
.global-form aside .message-box ul li span.label-input{padding-left: 0;}
.global-form aside .message-box ul li span.label-text.input{min-height: 80px;}
.global-form aside .message-box ul li span.label-input textarea{width: 100%; }


/*Popup Styles*/
.modal-body{padding:0 30px;}
.modal-title{font-weight: 500;font-size: 20px;color:#58666e; }
.modal-header{border-bottom: 0px;padding:30px; }
.modal-dialog{ margin: 70px auto; }
.modal-body form label{ font-size: 14px; color:#58666e; font-weight: normal;text-align: left;width: 32%; margin-top: 0px; position: relative;top: 3px; float: left; margin-right: 10px;}
.modal-footer{border-top: 0px; padding: 0 20px 33px 20px;}
.modal-body .field-group .form-group {width: 62%;vertical-align: top;float: left;}
.modal-body .form-group input, .modal-body .form-group select{ font-size: 14px; height: 26px; float: right; width: 100%;
	padding-left: 8px;line-height: normal;border-radius: 3px; color:#58666e;outline: none; padding: 0 0 0 10px; margin-bottom:15px;}
.modal-body .form-group .select2 .select2-selection{margin-bottom:10px;}


.modal-body .form-group textarea{ width: 100%; float: right; margin-bottom:15px; }
.modal-body .form-group select{border: 1px solid #d0dbde; }
.modal-footer button{font-size: 16px; border:2px solid #c5c5c5; color:#aaaaaa; transition: all ease .3s; -webkit-transition: all ease .3s; max-width: 88px; width: auto;padding: 3px 20px;line-height: 17px; }
.modal-footer button:hover{color:#fff; background:#9a1c21; border-color:#9a1c21;transition: all ease .3s; -webkit-transition: all ease .3s;}
.modal-body .form-group input[type="checkbox"], .modal-body .form-group input[type="radio"]{float: none !important; width: auto !important; margin: 0 !important}


.border-btn{font-size: 16px;color: #aaaaaa;padding: 8px 20px;border: 2px solid #c5c5c5;border-radius: 3px;display: inline-block;
width: auto;text-align: center;background: transparent;transition: all ease .3s;-webkit-transition: all ease .3s;}

/*Popup Size Styles*/
/*.mini, .medium, .large, .full{display: none;}*/  /*Delete this line*/

.mini .modal-dialog{max-width: 500px;width: 100%;}
.mini .field-group .form-group{width: 65%;}

.medium .modal-dialog{max-width: 800px;width: 100%;}
.medium .modal-body form label{width: 35%;}
.medium .modal-body form .message-box label{ width: 16.5%; }
.medium .modal-body .message-box .form-group{ width: 82%; }
.medium .modal-body .message-box .form-group textarea{width: 100%}
.medium .modal-body .form-group input, .medium .modal-body .form-group select{width: 100%;}

.large .modal-dialog{max-width: 1200px;width: 100%;}
.large .modal-body form .message-box label{ width: 11%; }
.large .modal-body form label{width: 35%;}
.large .modal-body .message-box .form-group { width: 88%; }
.large .modal-body .form-group textarea{ width: 100%; }

.full .modal-dialog{max-width: 100%;width: 100%; padding-left:17px;}
.full .modal-body form label{width:40%;}
.full .modal-body .field-group .form-group{width: 56%;}
.full .modal-body .message-box .form-group { width: 87%; }
.full .modal-body .form-group textarea{ width: 100%; }


/*Pagination*/
.pagenation{text-align: right; padding: 20px 30px 15px 30px;}
.pagenation ul li{display: inline-block;  }
.pagenation ul li a{ display: inline-block; font-size: 16px; color:#302222;padding: 0 10px}

/*List Page*/
.right-box h2{float: left;} 
.right-box .button-wrap{min-width: 130px;float: right; margin-top: 20px;}
.right-box .button-wrap a{display: inline-block; color:#222; display: inline-block;padding-left: 20px; font-size: 16px;}
.right-box .button-wrap a svg{ transition: all ease .2s;-webkit-transition: all ease .2s;transform: scale(1);}
.right-box .button-wrap a:hover svg{transform: scale(1.5);transition: all ease .2s;-webkit-transition: all ease .2s;}
.right-box .button-wrap a select{color: #aaaaaa; border-radius: 5px; border: 1px solid #c5c5c5; width: 100px; min-width: 150px; }



/*Tab Info Add Button*/
.add-info {float: right;margin: 8px 20px 0px 0;max-width: 80px;width: 100%;}
.add-info button{color:#8f8f8f; border-radius: 50px; width: 34px; height: 34px; background-color: transparent; text-align: center; line-height: 30px;
 border: 2px solid #8f8f8f; font-size: 16px; transition: all ease-in .3s;-webkit-transition: all ease-in .3s;}
.add-info button:hover, .add-info button:focus{background: #9a1c21 ;color: #fff ;border-color: #9a1c21 ;transition: all ease-in .3s;-webkit-transition: all ease-in .3s;}

.add-info .hidden-btn{line-height: 36px;margin-right: 10px; display:inline-block;}
.add-info .dropdown{display:inline-block;}


/*----Script validation styling----*/
.required.has-error input, .required.has-error select, .required.has-error .select2-container--default .select2-selection--single{ border-color : #a94442; }
.required.has-error .	{ display:none; }
.form-group.has-success textarea{ border: 1px solid #d8d8d8; }

.notes span { font-size: 12px; font-weight: 600; font-style: italic; }
.notes p { color: #000; }

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu {
    right: auto;
}

/*Nested tabs*/
ul.nested-tab li:hover{background: #ededed;}
ul.nested-tab li a{color: #303030}
ul.nested-tab li.current a, ul.nested-tab li:hover a{ color: #a9301f}

ul.nested-tab{margin: 0px;padding: 0px;list-style: none;}
ul.nested-tab li{background: none;color: #222;display: inline-block;padding: 10px 15px;cursor: pointer;}
ul.nested-tab li.current{background: #ededed;color: #222;}
.tab-content{display: none;background: #ededed;padding: 15px;}
.tab-content.current{display: inherit;}
.nested-tab.main > li{display: block; float: none;}
.flexible-tabs{margin-top: 30px;}
.main-vr{border-top:1px solid #a9301f;}
/*.main-vr aside{height: calc(100vh - 104px);}*/
.vr-right{border-left: 1px solid #aa3120;}
.flexible-tabs aside{padding: 0;}
.inner-hr{border-top:5px solid #a9301f; border-bottom: 1px solid #a9301f;}
.inner-hr.labels{border-top:none !important;}
.flexible-tabs .inner-hr-content .tab-content{padding: 5px 15px;}
.tab-content{background:transparent !important;}

.flexible-tabs .body-full{position: relative;min-height: calc(100vh - 103px); min-height:-webkit-calc(100vh - 103px); min-height: -moz-calc(100vh - 103px);}

.body-head.inner h2{ float: left; }

.tooltip {z-index:1; position: relative; opacity: 1;}
.tooltip:before,.tooltip:after { display: block;opacity: 0;pointer-events: none;position: absolute;}
.tooltip:after {border-right: 6px solid transparent;border-bottom: 6px solid rgba(0,0,0,.75); border-left: 6px solid transparent;
  content: '';height: 0;top: 20px;right: 0px;width: 0;}
.tooltip:before {background: rgba(0,0,0,.75);border-radius: 2px;color: #fff;content: attr(data-title);font-size: 14px;
  padding: 6px 10px;top: 26px;white-space: nowrap;right: 0;}
.tooltip.expand:before {transform: scale3d(.2,.2,1);transition: all .2s ease-in-out;}
.tooltip.expand:after {transform: translate3d(0,6px,0);transition: all .5s ease-in-out;}
.tooltip.expand:hover:before,.tooltip.expand:hover:after {opacity: 1;transform: scale3d(1,1,1);	}

.bottom-menu .add-info .hidden-btn{display: inline-block;width: 34px;height: 34px;text-align: center;vertical-align: top;line-height: 30px;font-size: 12px; margin-right: 5px;}
.bottom-menu .add-info .hidden-btn a{font-size: 14px; color:#8f8f8f;}
.bottom-menu .add-info .dropdown{display: inline-block;}

.field-group.file{position: relative;}
.file .form-group{min-height:150px; height:100%;}
.file .form-group input[type=file] {height: 150px;display: block;z-index: 5;position: relative;opacity: 0;}
.file .browse-file{position: absolute;   right: 0;  text-align: center;    width: 63%;}
.nested-tab.main li a { margin: 0px; display: block; width: 100%; height: 100%; }
.help-block{margin:0px; display: none;}
.select2-selection__clear{display:none;}
.select2-container--open .select2-dropdown{top:21px;}

.listing .table-list td.user-list figure{ max-width:46px; height:46px;}
.listing .table-list td.user-list figure img{width:100%; height:100%;}
.modal-body .field-group .form-group.field-employee-image_file {z-index: 6;position: absolute;height: 250px; opacity:0; right: 0;}
.modal-body .form-group input[type="file"]{width: 250px;height: 220px;opacity: 0;z-index: 6;cursor:pointer}
.modal-body figure.browse-file{max-width: 250px;width: 100%;position: absolute;right: 0;z-index: 5;}
.modal-body figure.browse-file img{max-width: 220px; width: 100%;}

div#software-licence-list ul { border-bottom: 5px solid #929292 !important; padding-bottom: 10px; padding-top: 10px; }

/*22-08-2019*/
.page-wrap .content-wrap ul li span.label-text,
.page-wrap .content-wrap ul li span.label-input { margin-left: 20px; width: 51%; }
.global-form ul li span.label-text { width: 51%; }
.global-form aside ul span.label-name { width: 38%; }
/*#sales-div #software-list .select2-container { width: 62% !important; margin-bottom: 15px; }*/
.medium .modal-body .field-group .form-group .select2-container { width: 100% !important; }
.global-form .field-group figure.left-align.browse-file { width: 200px; height: 200px; }
.global-form .field-group figure.left-align.browse-file img { width: 100%; }